In addition to the functionality of CSS1, CSS2 supports:

• The concept of media types.
• The ‘inherit’ value for all properties.
• Paged media
• Aural style sheets
• Several internationalization features, including list numbering styles, support for bidirectional text, and support for language-sensitive quotation marks.
• An extended font selection mechanism, including intelligent matching, synthesis, and downloadable fonts. Also, the concept of system fonts has been is introduced, and a new property, ‘font-size-adjust’, has been added.
• Tables, including new values on ‘display’ and ‘vertical-align’.
• Relative and absolute positioning, including fixed positioning.
• New box types (along with block and inline): compact and run-in.
• The ability to control content overflow, clipping, and visibility in the visual formatting model.
• The ability to specify minimum and maximum widths

More >

The following is the tokenizer, written in Flex (see [FLEX]) notation. The tokenizer is case-insensitive.

The two occurrences of “\377″ represent the highest character number that current versions of Flex can deal with (decimal 255). They should be read as “\4177777″ (decimal 1114111), which is the highest possible code point in Unicode/ISO-10646.

%option case-insensitive

h  [0-9a-f]nonascii [\200-\377]unicode  \\{h}{1,6}[ \t\r\n\f]?escape  {unicode}|\\[ -~\200-\377]nmstart  [a-z]|{nonascii}|{escape}nmchar  [a-z0-9-]|{nonascii}|{escape}string1  \"([\t !#$%&(-~]|\\{nl}|\'|{nonascii}|{escape})*\"string2  \'([\t !#$%&(-~]|\\{nl}|\"|{nonascii}|{escape})*\'

ident  {nmstart}{nmchar}*name  {nmchar}+num  [0-9]+|[0-9]*"."[0-9]+string  {string1}|{string2}url  ([!#$%&*-~]|{nonascii}|{escape})*w  [ \t\r\n\f]*nl  \n|\r\n|\r|\frange  \?{1,6}|{h}(\?{0,5}|{h}(\?{0,4}|{h}(\?{0,3}|{h}(\?{0,2}|{h}(\??|{h})))))

%%

[ \t\r\n\f]+  {return S;}

\/\*[^*]*\*+([^/][^*]*\*+)*\/ /* ignore comments */

""   {return CDC;}"~="   {return INCLUDES;}"|="   {return DASHMATCH;}

{string}  {return STRING;}

{ident}   {return IDENT;}

"#"{name}  {return HASH;}

"@import"  {return IMPORT_SYM;}"@page"   {return PAGE_SYM;}"@media"  {return MEDIA_SYM;}"@font-face"  {return FONT_FACE_SYM;}"@charset"  {return CHARSET_SYM;}"@"{ident}  {return ATKEYWORD;}

"!{w}important"  {return IMPORTANT_SYM;}

{num}em   {return EMS;}{num}ex   {return EXS;}{num}px   {return LENGTH;}{num}cm   {return LENGTH;}{num}mm   {return LENGTH;}{num}in   {return LENGTH;}{num}pt   {return LENGTH;}{num}pc   {return LENGTH;}{num}deg  {return ANGLE;}{num}rad  {return ANGLE;}{num}grad  {return ANGLE;}{num}ms   {return

More >

The ‘visibility’ property specifies whether the boxes generated by an element are rendered. Invisible boxes still affect layout (set the ‘display’ property to ‘none’ to suppress box generation altogether). Values have the following meanings:

visible

The generated box is visible.

hidden

The generated box is invisible (fully transparent), but still affects layout.

collapse

Please consult the section on dynamic row and column effects in tables. If used on elements other than rows or columns, ‘collapse’ has the same meaning as ‘hidden’.

This property may be used in conjunction with scripts to create dynamic effects.

More >