HTML/CSS Service

Introduction to CSS3

Category: CSS, CSS Tips, CSS3 Tutorial    |    1,623 views    |    Add a Comment  |   

 

What is it?

CSS3 offers a huge variety of new ways to create an impact with your designs, with quite a few important changes. This first tutorial will give you a very basic introduction to the new possibilities created by the standard.

Modules

The development of CSS3 is going to be split up into ‘modules’. The old specification was simply too large and complex to be updated as one, so it has been broken down into smaller pieces - with new ones also added. Some of these modules include:

  • The Box Model
  • Lists Module
  • Hyperlink Presentation
  • Speech Module
  • Backgrounds and Borders
  • Text Effects
  • Multi-Column Layout

Read more…

Share/Save/Bookmark

 

CSS Outline Properties

Category: CSS, CSS3 Tutorial    |    679 views    |    Add a Comment  |   

An outline is a line that is drawn around elements, outside the border edge, to make the element “stand out”.

The CSS outline properties sets the outlines around elements. You can specify the style, color, and width of the outline.

Note: Outlines do not take up space, and they do not have to be rectangular.

Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.

Property Description Values IE F N No:
outline A shorthand property for setting all the outline properties in one declaration outline-color
outline-style
outline-width
- 1.5 - 2
outline-color Sets the color of the outline around an element color
invert
- 1.5 - 2
outline-style Sets the style of the outline around an element none
dotted
dashed
solid
double
groove
ridge
inset
outset
- 1.5 - 2
outline-width Sets the width of the outline around an element thin
medium
thick
length
- 1.5 - 2

Share/Save/Bookmark

  • No Related Post

 

CSS3 Print Reference

Category: CSS, CSS3 Tutorial    |    888 views    |    Add a Comment  |   

Print Properties

Printing HTML documents has always been problematic. In CSS2 the print properties are added to make it easier to print from the Web.


The links in the “Property” column point to more useful information about the specific property.

Property Description Values No:
orphans Sets the minimum number of lines for a paragraph that must be left at the bottom of a page number 2
marks Sets what sort of marks should be rendered outside the page box none
crop
cross
 
page Sets a page type to use when displaying an element auto
identifier
2
page-break-after Sets the page-breaking behavior after an element auto
always
avoid
left
right
2
page-break-before Sets the page-breaking behavior before an element auto
always
avoid
left
right
2
page-break-inside Sets the page-breaking behavior inside an element auto
avoid
2
size Sets the orientation and size of a page auto
portrait
landscape
 
widows Sets the minimum number of lines for a paragraph that must be left at the top of a page number 2

Share/Save/Bookmark

  • No Related Post