CSS Features

Source: www.w3.org
        https://www.w3.org/TR/2018/SPSD-CSS1-20180913
        http://www.w3.org/TR/1998/REC-CSS2-19980512
        https://www.w3.org/TR/2011/REC-CSS2-20110607
        http://www.w3.org/TR/2016/WD-CSS22-20160412

Cascading Style Sheets CSS is a styling language used for describing the rending of an element in a presentation. CSS 1, lablled as level 1, is the first W3C Recommendation with most fundamental features are defined. CSS 2, lablled as level 2, is the second W3C Recommendation with more standard features are added. First revision of CSS 2, lablled as level 2.1, is the third W3C Recommendation with more extended features are added and revised. CSS 3 is a modular extension set of CSS 2 features. In other words, all CSS 2 features are modularized into individual functional Units of CSS 3. The modularization of CSS allows features of different modules to be added or revised individually.

CSS1 and CSS2

Last Update 18Jul2016

language

selector

property

Value

Descriptor

Not Yet Updated

Recommendation

Deprecated

Working Draft

Superseded

xxREC-CSS2-20080411/

Level 1SPSD-CSS1-20180913

Level 2REC-CSS2-19980512

Level 2.1REC-CSS2-20110607

Level 2.2 WD-CSS22-20160412

Level 2

Level 3

Level 4

5 CSS1 properties / 9 Acknowledgments

1 About the CSS2 Specification

1 About the CSS 2.1 Specification

1 About the CSS 2.2 Specification

CSS Syntax

Selectors

5 CSS1 properties
- 5.1 Notation for property values
  - < >
  - literally without quotes
  - /
  - ,
  - juxtaposed
  - |
  - ||
  - []
  - *
  - +
  - ?
  - {}
9 Acknowledgments

1.1 Reading the specification
1.2 How the specification is organized
1.3 Conventions
- 1.3.1 Document language elements and attributes
- 1.3.2 CSS property definitions
  - 'property-name'
  - Value
    - keyword
    - <data type>
    - /
    - ,
    - juxtaposed
    - |
    - ||
    - []
    - *
    - +
    - ?
    - {}
  - Initial
  - Applies to
  - Inherited
  - Percentage values
  - Media groups
- 1.3.3 Shorthand properties
- 1.3.4 Notes and examples
- 1.3.5 Images and long descriptions
1.4 Acknowledgments
1.5 Copyright Notice

1.1 CSS 2.1 vs CSS 2
1.2 Reading the specification
1.3 How the specification is organized
1.4 Conventions
- 1.4.1 Document language elements and attributes
- 1.4.2 CSS property definitions
  - 'property-name'
  - 1.4.2.1 Value
    - keyword
    - <data type>
    - /
    - ,
    - juxtaposed
    - |
    - ||
    - &&
    - []
    - *
    - +
    - ?
    - {}
  - 1.4.2.2 Initial
  - 1.4.2.3 Applies to
  - 1.4.2.4 Inherited
  - 1.4.2.5 Percentage values
  - 1.4.2.6 Media groups
  - 1.4.2.7 Computed value
- 1.4.3 Shorthand properties
- 1.4.4 Notes and examples
- 1.4.5 Images and long descriptions
1.5 Acknowledgments

1.1 CSS 2.2 vs CSS 2
1.2 Reading the specification
1.3 How the specification is organized
1.4 Conventions
- 1.4.1 Document language elements and attributes
- 1.4.2 CSS property definitions
  - 'property-name'
  - 1.4.2.1 Value
    - keyword
    - <data type>
    - /
    - ,
    - juxtaposed
    - |
    - ||
    - &&
    - []
    - *
    - +
    - ?
    - {}
  - 1.4.2.2 Initial
  - 1.4.2.3 Applies to
  - 1.4.2.4 Inherited
  - 1.4.2.5 Percentage values
  - 1.4.2.6 Media groups
  - 1.4.2.7 Computed value
- 1.4.3 Shorthand properties
- 1.4.4 Notes and examples
- 1.4.5 Images and long descriptions
1.5 Acknowledgments

1. Basic Concepts / Appendix E: The applicability and extensibility of CSS1

2 Introduction to CSS2

2 Introduction to CSS 2.1

2 Introduction to CSS 2.2

Cascading and Inheritance

Media Queries

1. Basic Concepts
- 1.1 Containment in HTML
Appendix E: The applicability and extensibility of CSS1

2.1 A brief CSS2 tutorial for HTML
2.2 A brief CSS2 tutorial for XML
2.3 The CSS2 processing model
- 2.3.1 The Canvas
- 2.3.2 CSS2 addressing model
2.4 CSS design principles

2.1 A brief CSS 2.1 tutorial for HTML
2.2 A brief CSS 2.1 tutorial for XML
2.3 The CSS 2.1 processing model
- 2.3.1 The Canvas
- 2.3.2 CSS 2.1 addressing model
2.4 CSS design principles

2.1 A brief CSS 2.2 tutorial for HTML
2.2 A brief CSS 2.2 tutorial for XML
2.3 The CSS 2.2 processing model
- 2.3.1 The canvas
- 2.3.2 CSS 2.2 addressing model
2.4 CSS design principles

7 CSS1 conformance

3 Conformance: Requirements and Recommendations

Cascading and Inheritance

Media Queries

7.1 Forward-compatible parsing

3.1 Definitions
- Style sheet
- Valid style sheet
- Source document
- Document language
- Element
- Replaced element
- Intrinsic dimensions
- Attribute
- Content
- Rendered content
- Document tree
- Child
- Descendant
- Ancestor
- Sibling
- Preceding element
- Following element
- Author
- User
- User agent (UA)
3.2 Conformance
3.3 Error conditions
3.4 The text/css content type

3.1 Definitions
- Style sheet
- Valid style sheet
- Source document
- Document language
- Element
- Replaced element
- Intrinsic dimensions
- Attribute
- Content
- Ignore
- Rendered content
- Document tree
- Child
- Descendant
- Ancestor
- Sibling
- Preceding element
- Following element
- Author
- User
- User agent (UA)
- Property
3.2 UA Conformance
3.3 Error conditions
3.4 The text/css content type

3.1 Definitions
- Style sheet
- Valid style sheet
- Source document
- Document language
- Element
- Replaced element
- Intrinsic dimensions
- Attribute
- Content
- Ignore
- Rendered content
- Document tree
- Child
- Descendant
- Ancestor
- Sibling
- Preceding element
- Following element
- Author
- User
- User agent (UA)
- Property
3.2 UA Conformance
3.3 Error conditions
3.4 The text/css content type

1 Basic concepts / 6 Units

4 CSS2 syntax and basic data types

4 Syntax and basic data types

Selectors

Image Values and Replaced Content Module

1 Basic concepts
- 1.7 Comments
  - /* */
6 Units
- 6.1 Length units
- 6.2 Percentage units
- 6.3 Color units
- 6.4.URL

4.1 Syntax
- 4.1.1 Tokenization
  - IDENT
  - ATKEYWORD
  - STRING
  - HASH
  - NUMBER
  - PERCENTAGE
  - DIMENSION
  - URI
  - UNICODE-RANGE
  - CDO
  - CDC
  - ;
  - {
  - }
  - (
  - )
  - [
  - ]
  - S
  - COMMENT
  - FUNCTION
  - INCLUDES
  - DASHMATCH
  - DELIM
  - {macro}
    - ident
    - name
    - nmstart
    - nonascii
    - unicode
    - escape
    - nmchar
    - num
    - string
    - string1
    - string2
    - nl
    - w
  - Core syntax
    - stylesheet
    - statement
    - at-rule
    - block
    - ruleset
    - selector
    - declaration
    - property
    - value
    - any
- 4.1.2 Keywords
- 4.1.3 Characters and case
  - \
- 4.1.4 Statements 4.1.5 At-rules
  - @
- 4.1.6 Blocks
  - {
  - }
- 4.1.7 Rule sets, declaration blocks, and selectors
- 4.1.8 Declarations and properties
  - :
  - ;
- 4.1.9 Comments
  - /*
  - */
  -
4.2 Rules for handling parsing errrs
- Unknown properties
- Illegal values
- Invalid at-keywords
4.3 Values
- 4.3.1 Integers and real numbers
  - <integer>
  - <number>
- 4.3.2 Lengths
  - <length>
  - Relative units
    - em
    - ex
    - px
  - Absolute length units
    - in
    - cm
    - mm
    - pt
    - pc
- 4.3.3 Percentages
  - <percentage>
- 4.3.4 URL + URN = URI
  - <uri>
- 4.3.5 Counters
  - 'counter(<identifier>)'
  - 'counter(<identifier>, 'list-style-type')'
- 4.3.6 Colors
  - <color>
  - Color units
    - keyword
      - aqua
      - black
      - blue
      - fuchsia
      - gray
      - green
      - lime
      - maroon
      - navy
      - olive
      - purple
      - red
      - silver
      - teal
      - white
      - yellow
      - system color
    - #rgb
    - #rrggbb
    - rgb(r,g,b)
    - rgb(r%, g%, b%)
- 4.3.7 Angles
  - <angle>
  - Angle units
    - deg
    - grad
    - rad
- 4.3.8 Times
  - <time>
  - Time units
    - ms
    - s
- 4.3.9 Frequencies
  - <frequency>
  - Frequency units
    - Hz
    - kHz
- 4.3.10 Strings
  - "string"
  - 'string'
4.4 CSS document representation
- 4.4.1 Referring to characters not represented in a character encoding

4.1 Syntax
- 4.1.1 Tokenization
  - IDENT
  - ATKEYWORD
  - STRING
  - BAD_STRING
  - BAD_URI
  - BAD_COMMENT
  - HASH
  - NUMBER
  - PERCENTAGE
  - DIMENSION
  - URI
  - UNICODE-RANGE
  - CDO
  - CDC
  - :
  - ;
  - {
  - }
  - (
  - )
  - [
  - ]
  - S
  - COMMENT
  - FUNCTION
  - INCLUDES
  - DASHMATCH
  - DELIM
  - {macro}
    - ident
    - name
    - nmstart
    - nonascii
    - unicode
    - escape
    - nmchar
    - num
    - string
    - string1
    - string2
    - badstring
    - badstring1
    - badstring2
    - badcomment
    - badcomment1
    - badcomment2
    - baduri
    - baduri1
    - baduri2
    - baduri3
    - nl
    - w
  - Core syntax
    - stylesheet
    - statement
    - at-rule
    - block
    - ruleset
    - selector
    - declaration
    - property
    - value
    - any
    - unused
- 4.1.2 Keywords
  - 4.1.2.1 Vendor-specific extensions
    - -
    - _
  - 4.1.2.2 Informative Historical Notes
    - -ms-
    - mso-
    - -moz-
    - -o-
    - -xv-
    - -atsc-
    - -wap-
    - -khtml-
    - -webkit-
    - prince-
    - -ah-
    - -hp-
    - -ro-
    - -rim-
    - -tc-
- 4.1.3 Characters and case
  - \
- 4.1.4 Statements
- 4.1.5 At-rules
  - @
- 4.1.6 Blocks
  - {
  - }
- 4.1.7 Rule sets, declaration blocks, and selectors
- 4.1.8 Declarations and properties
  - :
  - ;
- 4.1.9 Comments
  - - /*
    - */
    -
4.2 Rules for handling parsing errors
- Unknown properties
- Illegal values
- Malformed declarations
- Malformed statements
- At-rules with unknown at-keywords
- Unexpected end of style sheet
- Unexpected end of string
4.3 Values
- 4.3.1 Integers and real numbers
  - <integer>
  - <number>
- 4.3.2 Lengths
  - <length>
  - Relative units
    - em
    - ex
  - Absolute length units
    - in
    - cm
    - mm
    - pt
    - pc
    - px
- 4.3.3 Percentages
  - <percentage>
- 4.3.4 URLs and URIs
  - <uri>
- 4.3.5 Counters
  - 'counter(<identifier>)'
  - 'counter(<identifier>, <'list-style-type'>)'
  - 'counter(<identifier>, <string>)'
  - 'counter(<identifier>, <string>, <'list-style-type'>)'
- 4.3.6 Colors
  - <color>
  - Color units
    - keyword
      - aqua
      - black
      - blue
      - fuchsia
      - gray
      - green
      - lime
      - maroon
      - navy
      - olive
      - orange
      - purple
      - red
      - silver
      - teal
      - white
      - yellow
      - system color
    - #rgb
    - #rrggbb
    - rgb(r,g,b)
    - rgb(r%, g%, b%)
- 4.3.7 Strings
  - "string"
  - 'string'
- 4.3.8 Unsupported Values
4.4 CSS style sheet representation
- 4.4.1 Referring to characters not represented in a character encoding

4.1 Syntax
- 4.1.1 Tokenization
  - IDENT
  - ATKEYWORD
  - STRING
  - BAD_STRING
  - BAD_URI
  - BAD_COMMENT
  - HASH
  - NUMBER
  - PERCENTAGE
  - DIMENSION
  - URI
  - UNICODE-RANGE
  - CDO
  - CDC
  - :
  - ;
  - {
  - }
  - (
  - )
  - [
  - ]
  - S
  - COMMENT
  - FUNCTION
  - INCLUDES
  - DASHMATCH
  - DELIM
  - {macro}
    - ident
    - name
    - nmstart
    - nonascii
    - unicode
    - escape
    - nmchar
    - num
    - string
    - string1
    - string2
    - badstring
    - badstring1
    - badstring2
    - badcomment
    - badcomment1
    - badcomment2
    - baduri
    - baduri1
    - baduri2
    - baduri3
    - nl
    - w
    - L
    - R
    - U
  - Core syntax
    - stylesheet
    - statement
    - at-rule
    - block
    - ruleset
    - declaration-list
    - selector
    - declaration
    - property
    - value
    - any
    - unused
- 4.1.2 Keywords
  - 4.1.2.1 Vendor-specific extensions
    - -
    - _
  - 4.1.2.2 Informative Historical Notes
    - -ms-
    - mso-
    - -moz-
    - -o-
    - -xv-
    - -atsc-
    - -wap-
    - -khtml-
    - -webkit-
    - prince-
    - -ah-
    - -hp-
    - -ro-
    - -rim-
    - -tc-
  4.1.3 Characters and case
  - \
  4.1.4 Statements 4.1.5 At-rules
  - @
  4.1.6 Blocks
  - {
  - }
  4.1.7 Rule sets, declaration blocks, and selectors 4.1.8 Declarations and properties
  - :
  - ;
  4.1.9 Comments
  - /*
  - */
  -
4.2 Rules for handling parsing errors
- Unknown properties
- Illegal values
- Malformed declarations
- Malformed statements
- At-rules with unknown at-keywords
- Unexpected end of style sheet
- Unexpected end of string
4.3 Values
- 4.3.1 Integers and real numbers
  - <integer>
  - <number>
- 4.3.2 Lengths
  - <length>
  - Relative units
    - em
    - ex
  - Absolute length units
    - in
    - cm
    - mm
    - pt
    - pc
    - px
- 4.3.3 Percentages
  - <percentage>
- 4.3.4 URLs and URIs
  - <uri>
- 4.3.5 Counters
  - 'counter(<identifier>)'
  - 'counter(<identifier>, <'list-style-type'>)'
  - 'counter(<identifier>, <string>)'
  - 'counter(<identifier>, <string>, <'list-style-type'>)'
- 4.3.6 Colors
  - <color>
  - Color units
    - keyword
      - aqua
      - black
      - blue
      - fuchsia
      - gray
      - green
      - lime
      - maroon
      - navy
      - olive
      - orange
      - purple
      - red
      - silver
      - teal
      - white
      - yellow
      - system color
    - #rgb
    - #rrggbb
    - rgb(r,g,b)
    - rgb(r%, g%, b%)
- 4.3.7 Strings
  - "string"
  - 'string'
- 4.3.8 Unsupported Values
4.4 CSS style sheet representation
- 4.4.1 Referring to characters not represented in a character encoding

1 Basic concepts / 2. Pseudo-classes and pseudo-elements

5 Selectors

Color Module

1 Basic concepts
- 'elementname'
- 1.2 Grouping
  - ','
- 1.4 Class as selector
  - '.'
- 1.5 ID as selector
  - '#'
- 1.6 Contextual selectors'
  - ' '
2 Pseudo-classes and pseudo-elements
- 2.1 Anchor pseudo-classes
  - :link
  - :visited
  - :active
- 2.2 Typographical pseudo-elements
- 2.3 The 'first-line' pseudo-element
  - :first-line
- 2.4 The 'first-letter' pseudo-element
  - :first-letter
- 2.5 Pseudo-elements in selectors
- 2.6 Multiple pseudo-elements

5.1 Pattern matching
- *
- E
- E F
- E > F
- E:first-child
- E:link
- E:visited
- E:active
- E:hover
- E:focus
- E:lang(c)
- E + F
- E[foo]
- E[foo="warning"]
- E[foo~="warning"]
- E[lang|="en"]
- DIV.warning
- E#myid
5.2 Selector syntax
- 5.2.1 Grouping
  - ,
5.3 Universal selector
- *
5.4 Type selectors
- E
5.5 Descendant selectors
- E F
5.6 Child selectors
- E > F
5.7 Adjacent sibling selectors
- E + F
5.8 Attribute selectors
- 5.8.1 Matching attributes and attribute values
  - [att]
  - [att=val]
  - [att~=val]
  - [att|=val]
- 5.8.2 Default attribute values in DTDs
- 5.8.3 Class selectors
  - .val
  - [class~=val]
5.9 ID selectors
- #id
5.10 Pseudo-elements and pseudo-classes
5.11 Pseudo-classes
- 5.11.1 :first-child pseudo-class
  - :first-child
- 5.11.2 The link pseudo-classes:
  - :link
  - :visited
- 5.11.3 The dynamic pseudo-classes:
  - :hover
  - :active
  - :focus
- 5.11.4 The language pseudo-class:
  - :lang()
5.12 Pseudo-elements
- 5.12.1 The :first-line pseudo-element
  - :first-line
- 5.12.2 The :first-letter pseudo-element
  - :first-letter
- 5.12.3 The :before and :after pseudo-elements
  - :before
  - :after

5.1 Pattern matching
- *
- E
- E F
- E > F
- E:first-child
- E:link
- E:visited
- E:active
- E:hover
- E:focus
- E:lang(c)
- E + F
- E[foo]
- E[foo="warning"]
- E[foo~="warning"]
- E[lang|="en"]
- DIV.warning
- E#myid
5.2 Selector syntax
- 5.2.1 Grouping
  - ,
5.3 Universal selector
- *
5.4 Type selectors
- E
5.5 Descendant selectors
- E F
5.6 Child selectors
- E > F
5.7 Adjacent sibling selectors
- E + F
5.8 Attribute selectors
- 5.8.1 Matching attributes and attribute values
  - [att]
  - [att=val]
  - [att~=val]
  - [att|=val]
- 5.8.2 Default attribute values in DTDs
- 5.8.3 Class selectors
  - .val
  - [class~=val]
5.9 ID selectors
- #id
5.10 Pseudo-elements and pseudo-classes
5.11 Pseudo-classes
- 5.11.1 first-child pseudo-class
  - :first-child
- 5.11.2 The link pseudo-classes
  - :link
  - :visited
- 5.11.3 The dynamic pseudo-classes:
  - :hover
  - :active
  - :focus
- 5.11.4 The language pseudo-class:
  - :lang()
5.12 Pseudo-elements
- 5.12.1 The :first-line pseudo-element
  - :first-line
- 5.12.2 The :first-letter pseudo-element
  - :first-letter
- 5.12.3 The :before and :after pseudo-elements
  - :before
  - :after

5.1 Pattern matching
- *
- E
- E F
- E > F
- E:first-child
- E:link
- E:visited
- E:active
- E:hover
- E:focus
- E:lang(c)
- E + F
- E[foo]
- E[foo="warning"]
- E[foo~="warning"]
- E[lang|="en"]
- DIV.warning
- E#myid
5.2 Selector syntax
- 5.2.1 Grouping
  - ,
5.3 Universal selector
- *
5.4 Type selectors
- E
5.5 Descendant selectors
- E F
5.6 Child selectors
- E > F
5.7 Adjacent sibling selectors
- E + F
5.8 Attribute selectors
- 5.8.1 Matching attributes and attribute values
  - [att]
  - [att=val]
  - [att~=val]
  - [att|=val]
- 5.8.2 Default attribute values in DTDs
- 5.8.3 Class
- selectors
  - .val
  - [class~=val]
5.9 ID selectors
- #id
5.10 Pseudo-elements and pseudo-classes
5.5.11 Pseudo-classes
- 5.11.1 :first-child pseudo-class
  - :first-child
- 5.11.2 The link pseudo-classes:
  - :link
  - :visited
- 5.11.3 The dynamic pseudo-classes:
  - :hover
  - :active
  - :focus
- 5.11.4 The language pseudo-class:
  - :lang()
5.12 Pseudo-elements
- 5.12.1 The :first-line pseudo-element
  - :first-line
- 5.12.2 The :first-letter pseudo-element
  - :first-letter
- 5.12.3 The :before and :after pseudo-elements
  - :before
  - :after

1 Basic concepts / 3 The cascade

6 Assigning property values, Cascading, and Inheritance

6. Assigning property values, Cascading, and Inheritance

6 Assigning property values, Cascading, and Inheritance

Backgrounds and Borders Module

1 Basic concepts
- 1.3 Inheritance
  - @import
3 The cascade
- 3.1 'important'
  - !important
- 3.2 Cascading order

6.1 Specified, computed, and actual values
- 6.1.1 Specified values
- 6.1.2 Computed values
- 6.1.3 Actual values
6.2 Inheritance
- 6.2.1 The 'inherit' value
  - inherit
6.3 The @import rule
- @import
6.4 The cascade
- aurthor
- User
- User age
- 6.4.1 Cascading order
- 6.4.2 !important rules
  - !important
- 6.4.3 Calculating a selector's specificity
- 6.4.4 Precedence of non-CSS presentational hints

6.1 Specified, computed, and actual values
- 6.1.1 Specified values
- 6.1.2 Computed values
- 6.1.3 Used values
- 6.1.4 Actual values
6.2 Inheritance
- 6.2.1 The 'inherit' value
  - inherit
6.3 The @import rule
- @import
6.4 The cascade
- aurthor
- User
- User age
- 6.4.1 Cascading order
- 6.4.2 Important rules
  - !important
- 6.4.3 Calculating a selector's specificity
- 6.4.4 Precedence of non-CSS presentational hints

6.6.1 Specified, computed, and actual values
- 6.1.1 Specified values
- 6.1.2 Computed values
- 6.1.3 Used values
- 6.1.4 Actual values
6.2 Inheritance
- 6.2.1 The 'inherit' value
  - inherit
6.3 The @import rule
- @import
6.6.4 The cascade
- aurthor
- User
- User age
- 6.4.1 Cascading order
- 6.4.2 !important rules
  - !important
- 6.4.3 Calculating a selector's specificity
- 6.4.4 Precedence of non-CSS presentational hints

7 Media types

7 Media Types

7 Media types

Fonts Module

7.1 Introduction to media types
7.2 Specifying media-dependent style sheets
- @import
- @media
- 7.2.1 The @media rule
  - @media
7.3 Recognized media types
- Media types
  - all
  - aural
  - braille
  - embossed
  - handheld
  - print
  - projection
  - screen
  - tty
  - tv
- 7.3.1 Media groups
  - continuous
  - paged
  - visual
  - aural
  - tactile
  - grid
  - bitmap
  - interactive
  - static
  - all

7.1 Introduction to media types
7.2 Specifying media-dependent style sheets
- @import
- @media
- 7.2.1 The @media rule
  - @media
7.3 Recognized media types
- all
- braille
- embossed
- handheld
- print
- projection
- screen
- speech
- tty
- tv
- 7.3.1 Media groups
  - continuous
  - paged
  - visual
  - audio
  - speech
  - tactile
  - grid
  - bitmap
  - interactive
  - static
  - all

7.1 Introduction to media types
7.2 Specifying media-dependent style sheets
- @import
- @media
- 7.2.1 The @media rule
  - @media
7.3 Recognized media types
- all
- braille
- embossed
- handheld
- print
- projection
- screen
- speech
- tty
- tv
- 7.3.1 Media groups
  - continuous
  - paged
  - visual
  - audio
  - speech
  - tactile
  - grid
  - bitmap
  - interactive
  - static
  - all

5 CSS1 propertiesd

8 Box model

8 Box Model

8 Box model

Fonts Module

5.5 Box properties
- 5.5.1 'margin-top'
  - 'margin-top'
    - <length>
    - <percentage>
    - auto
- 5.5.2 'margin-right'
  - 'margin-right'
    - <length>
    - <percentage>
    - auto
- 5.5.3 'margin-bottom'
  - 'margin-bottom'
    - <length>
    - <percentage>
    - auto
- 5.5.4 'margin-left'
  - 'margin-left'
    - <length>
    - <percentage>
    - auto
- 5.5.5 'margin'
  - 'margin'
    - <length>{1,4}
    - <percentage>{1,4}
    - auto{1,4}
- 5.5.6 'padding-top'
  - 'padding-top'
    - <length>
    - <percentage>
- 5.5.7 'padding-right'
  - 'padding-right'
    - <length>
    - <percentage>
- 5.5.8 'padding-bottom'
  - 'padding-bottom'
    - <length>
    - <percentage>
- 5.5.9 'padding-left'
  - 'padding-left'
    - <length>
    - <percentage>
- 5.5.10 'padding'
  - 'padding'
    - <length>{1,4}
    - <percentage>{1,4}
- 5.5.11 'border-top-width'
  - 'border-top-width'
    - thin
    - medium
    - thick
    - <length>
- 5.5.12 'border-right-width'
  - 'border-right-width'
    - thin
    - medium
    - thick
    - <length>
- 5.5.13 'border-bottom-width'
  - 'border-bottom-width'
    - thin
    - medium
    - thick
    - <length>
- 5.5.14 'border-left-width'
  - 'border-left-width'
    - thin
    - medium
    - thick
    - <length>
- 5.5.15 'border-width'
  - 'border-width'
    - thin
    - medium
    - thick
    - <length>
- 5.5.16 'border-color'
  - ('border-top-color')
  - ('border-right-color')
  - ('border-bottom-color')
  - ('border-left-color')
  - 'border-color'
    - <color>
- 5.5.17 'border-style'
  - ('border-top-style')
  - ('border-right-style')
  - ('border-bottom-style')
  - ('border-left-style')
  - 'border-style'
    - none
    - dotted
    - dashed
    - solid
    - double
    - groove
    - ridge
    - inset
    - outset
- 5.5.18 'border-top'
  - 'border-top'
    - <border-top-width>
    - <border-style>
    - <color>
- 5.5.19 'border-right'
  - 'border-right'
    - <border-right-width>
    - <border-style>
    - <color>
- 5.5.20 'border-bottom'
  - 'border-bottom'
    - <border-bottom-width>
    - <border-style>
    - <color>
- 5.5.21 'border-left'
  - 'border-left'
    - <border-left-width>
    - <border-style>
    - <color>
- 5.5.22 'border'
  - 'border'
    - <border-width>
    - <border-style>
    - <color>

8.1 Box dimensions
8.2 Example of margins, padding, and borders
8.3 Margin properties:
- <margin-width>
  - <length>
  - <percentage>
  - auto
- 'margin-top'
- 'margin-right'
- 'margin-bottom'
- 'margin-left'
  - <margin-width>
  - inherit
- 'margin'
  - <margin-width>{1,4}
  - inherit
- 8.3.1 Collapsing margins
8.4 Padding properties:
- <padding-width>
  - <length>
  - <percentage>
- 'padding-top'
- 'padding-right'
- 'padding-bottom'
- 'padding-left'
  - <padding-width>
  - inherit
- 'padding'
  - <padding-width>{1,4}
  - inherit
8.5 Border properties
- 8.5.1 Border width:
  - <border-width>
    - thin
    - medium
    - thick
    - <length>
  - 'border-top-width'
  - 'border-right-width'
  - 'border-bottom-width'
  - 'border-left-width'
    - <border-width>
    - inherit
  - 'border-width'
    - <border-width>{1,4}
    - inherit
- 8.5.2 Border color:
  - 'border-top-color'
  - 'border-right-color'
  - 'border-bottom-color'
  - 'border-left-color'
    - <color>
    - inherit
  - 'border-color'
    - <color>{1,4}
    - transparent{1,4}
    - inherit
- 8.5.3 Border style:
  - <border-style>
    - none
    - hidden
    - dotted
    - dashed
    - solid
    - double
    - groove
    - ridge
    - inset
    - outset
  - 'border-top-style'
  - 'border-right-style'
  - 'border-bottom-style'
  - 'border-left-style'
    - <border-style>
    - inherit
  - 'border-style'
    - <border-style>{1,4}
    - inherit
- 8.5.4 Border shorthand properties: '
  - 'border-top'
  - 'border-right'
  - 'border-bottom'
  - 'border-left'
    - <'border-top-width'>
    - <'border-style'>
    - <color>
    - inherit
  - 'border'
    - <'border-width'>
    - <'border-style'>
    - <color>
    - inherit

8.1 Box Dimensions
8.2 Example of margins, padding, and borders
8.3 Margin properties
- <margin-width>
  - <length>
  - <percentage>
  - auto
- 'margin-top'
- 'margin-right'
- 'margin-bottom'
- 'margin-left'
  - <margin-width>
  - inherit
- 'margin'
  - <margin-width>{1,4}
  - inherit
- 8.3.1 Collapsing margins
8.4 Padding properties
- <padding-width>
  - <length>
  - <percentage>
- 'padding-top'
- 'padding-right'
- 'padding-bottom'
- 'padding-left'
  - <padding-width>
  - inherit
- 'padding'
  - <padding-width>{1,4}
  - inherit
8.5 Border properties
- 8.5.1 Border width
  - <border-width>
    - thin
    - medium
    - thick
    - <length>
  - 'border-top-width'
  - 'border-right-width'
  - 'border-bottom-width'
  - 'border-left-width'
    - <border-width>
    - inherit
  - 'border-width'
    - <border-width>{1,4}
    - inherit
- 8.5.2 Border color
  - 'border-top-color'
  - 'border-right-color'
  - 'border-bottom-color'
  - 'border-left-color'
    - <color>
    - inherit
  - 'border-color'
    - <color>{1,4}
    - transparent{1,4}
    - inherit
- 8.5.3 Border style
  - <border-style>
    - none
    - hidden
    - dotted
    - dashed
    - solid
    - double
    - groove
    - ridge
    - inset
    - outset
  - 'border-top-style'
  - 'border-right-style'
  - 'border-bottom-style'
  - 'border-left-style'
    - <border-style>
    - inherit
  - 'border-style'
    - <border-style>{1,4}
    - inherit
- 8.5.4 Border shorthand properties
  - 'border-top'
  - 'border-right'
  - 'border-bottom'
  - 'border-left'
    - <border-width>
    - <border-style>
    - <'border-top-color'>
    - inherit
  - 'border'
    - <border-width>
    - <border-style>
    - <'border-top-color'>
    - inherit
8.6 The box model for inline elements in bidirectional contex

8.1 Box dimensions
8.2 Example of margins, padding, and borders
8.3 Margin properties:
- <margin-width>
  - <length>
  - <percentage>
  - auto
- 'margin-top'
- 'margin-right'
- 'margin-bottom'
- 'margin-left'
  - <margin-width>
  - inherit
- 'margin'
  - <margin-width>{1,4}
  - inherit
- 8.3.1 Collapsing margins
8.4 Padding properties:
- <padding-width>
  - <length>
  - <percentage>
- 'padding-top'
- 'padding-right'
- 'padding-bottom'
- 'padding-left'
  - <padding-width>
  - inherit
- 'padding'
  - <padding-width>{1,4}
  - inherit
8.5 Border properties
- 8.5.1 Border width:
  - <border-width>
    - thin
    - medium
    - thick
    - <length>
  - 'border-top-width'
  - 'border-right-width'
  - 'border-bottom-width'
  - 'border-left-width'
    - <border-width>
    - inherit
  - 'border-width'
    - <border-width>{1,4}
    - inherit
- 8.5.2 Border color:
  - 'border-top-color'
  - 'border-right-color'
  - 'border-bottom-color'
  - 'border-left-color'
    - <color>
    - inherit
  - 'border-color'
    - <color>{1,4}
    - transparent{1,4}
    - inherit
- 8.5.3 Border style:
  - <border-style>
    - none
    - hidden
    - dotted
    - dashed
    - solid
    - double
    - groove
    - ridge
    - inset
    - outset
  - 'border-top-style'
  - 'border-right-style'
  - 'border-bottom-style'
  - 'border-left-style'
    - <border-style>
    - inherit
  - 'border-style'
    - <border-style>{1,4}
    - inherit
- 8.5.4 Border shorthand properties:
  - 'border-top'
  - 'border-right'
  - 'border-bottom'
  - 'border-left'
    - <border-width>
    - <border-style>
    - <'border-top-color'>
    - inherit
  - 'border'
    - <border-width>
    - <border-style>
    - <'border-top-color'>
    - inherit
8.6 The box model for inline elements in bidirectional context

5 CSS1 properties

9 Visual formatting model

9 Visual Formatting Model

9 Visual formatting model

Fonts Module

5.6 Classification Properties
- 5.6.1 'display'
  - 'display'
    - block
    - inline
    - list-item
    - none
5.5 Box Properties
- 5.5.25 'float'
  - 'float'
    - left
    - right
    - none
- 5.5.26 'clear'
  - 'clear'
    - none
    - left
    - right
    - both

9.1 Introduction to the visual formatting model
- 9.1.1 The viewport 9.1.2 Containing blocks
9.2 Controlling box generation
- 9.2.1 Block-level elements and block boxes
  - Anonymous block boxes
- 9.2.2 Inline-level elements and inline boxes
  - Anonymous inline boxes
- 9.2.3 Compact boxes
- 9.2.4 Run-in boxes
- 9.2.5 The 'display' property
  - 'display'
    - block
    - inline
    - list-item
    - marker
    - none
    - run-in
    - compact
    - table
    - inline-table
    - table-row-greup
    - table-column
    - table-column-group
    - table-header-group
    - table-footer-group
    - table-row
    - table-cell
    - table-caption
9.3 Positioning schemes
- 9.3.1 Choosing a positioning scheme:
  - 'position'
    - static
    - relative
    - absolute
    - fixed
    - inherit
- 9.3.2 Box offsets:
  - 'top'
  - 'right'
  - 'bottom'
  - 'left'
    - <length>
    - <percentage>
    - auto
    - inherit
9.4 Normal flow
- 9.4.1 Block formatting context
- 9.4.2 Inline formatting context
- 9.4.3 Relative positioning
9.5 Floats
- 9.5.1 Positioning the float:
  - 'float'
    - left
    - right
    - none
    - inherit
- 9.5.2 Controlling flow next to floats:
  - 'clear'
    - none
    - left
    - right
    - both
    - inherit
9.6 Absolute positioning
- 9.6.1 Fixed positioning
9.7 Relationships between 'display', 'position', and 'float'
9.8 Comparison of normal flow, floats, and absolute positioning
- 9.8.1 Normal flow
- 9.8.2 Relative positioning
- 9.8.3 Floating a box
- 9.8.4 Absolute positioning
9.9 Layered presentation
- 9.9.1 Specifying the stack level:
  - 'z-index'
    - auto
    - <integer>
    - inherit
9.10 Text direction:
- 'direction'
  - ltr
  - rtl
  - inherit
- 'unicode-bidi'
  - normal
  - embed
  - bidi-override
  - inherit

9.1 Introduction to the visual formatting model
- 9.1.1 The viewport
- 9.1.2 Containing blocks
9.2 Controlling box generation
- 9.2.1 Block-level elements and block boxes
  - 9.2.1.1 Anonymous block boxes
- 9.2.2 Inline-level elements and inline boxes
  - 9.2.2.1 Anonymous inline boxes
- 9.2.3 Run-in boxes
- 9.2.4 The 'display' property
  - 'display'
    - block
    - inline-block
    - inline
    - list-item
    - none
    - table
    - inline-table
    - table-row-greup
    - table-column
    - table-column-group
    - table-header-group
    - table-footer-group
    - table-row
    - table-table-cell
    - table-caption
    - inherit
9.3 Positioning schemes
- 9.3.1 Choosing a positioning scheme:
  - 'position'
    - static
    - relative
    - absolute
    - fixed
    - inherit
- 9.3.2 Box offsets:
  - 'top'
  - 'right'
  - 'bottom'
  - 'left'
    - <length>
    - <percentage>
    - auto
    - inherit
9.4 Normal flow
- 9.4.1 Block formatting contexts
- 9.4.2 Inline formatting contexts
- 9.4.3 Relative positioning
9.5 Floats
- 9.5.1 Positioning the float::
  - 'float'
    - left
    - right
    - none
    - inherit
- 9.5.2 Controlling flow next to floats:
  - 'clear'
    - none
    - left
    - right
    - both
    - inherit
9.6 Absolute positioning
- 9.6.1 Fixed positioning
9.7 Relationships between 'display', 'positon', and 'float'
9.8 Comparison of normal flow, floats, and absolute positioning
- 9.8.1 Normal flow
- 9.8.2 Relative positioning
- 9.8.3 Floating a box
- 9.8.4 Absolute positioning
9.9 Layered presentation
- 9.9.1 Specifying the stack level:
  - 'z-index'
    - auto
    - <integer>
    - inherit
9.10 Text direction:
- 'direction'
  - ltr
  - rtl
  - inherit
- 'unicode-bidi'
  - normal
  - embed
  - bidi-override
  - inherit

9.1 ction to the visual formatting model
- 9.1.1 The viewport
- 9.1.2 Containing blocks
9.2 Controlling box generation
- 9.2.1 Block-level elements and block boxes
  - 9.2.1.1 Anonymous block boxes
- 9.2.2 Inline-level elements and inline boxes
  - 9.2.2.1 Anonymous inline boxes
- 9.2.3 Run-in boxes
- 9.2.4 The 'display' property
  - 'display'
    - block
    - inline-block
    - inline
    - list-item
    - none
    - table
    - inline-table
    - table-row-greup
    - table-column
    - table-column-group
    - table-header-group
    - table-footer-group
    - table-row
    - table-cell
    - table-caption
    - inherit
9.3 Positioning schemes
- 9.3.1 Choosing a positioning scheme:
  - 'position'
    - static
    - relative
    - absolute
    - fixed
    - inherit
- 9.3.2 Box offsets:
  - 'top'
  - 'right'
  - 'bottom'
  - 'left'
    - <length>
    - <percentage>
    - auto
    - inherit
9.4 Normal flow
- 9.4.1 Block formatting contexts
- 9.4.2 Inline formatting contexts
- 9.4.3 Relative positioning
9.5 Floats
- 9.5.1 Positioning the float:
  - 'float'
    - left
    - right
    - none
    - inherit
- 9.5.2 Controlling flow next to floats:
  - 'clear'
    - none
    - left
    - right
    - both
    - inherit
9.6 Absolute positioning
- 9.6.1 Fixed positioning
9.7 Relationships between 'display', 'position', and 'float'
9.8 Comparison of normal flow, floats, and absolute positioning
- 9.8.1 Normal flow
- 9.8.2 Relative positioning
- 9.8.3 Floating a box
- 9.8.4 Absolute positioning
9.9 L9.9 Layered presentation
- 9.9.1 Specifying the stack level:
  - 'z-index'
    - auto
    - <integer>
    - inherit
9.10 Text direction:
- 'direction'
  - ltr
  - rtl
  - inherit
- 'unicode-bidi'
  - normal
  - embed
  - bidi-override
  - inherit

4 Formatting model / 5 CSS1 properties

10 Visual formatting model details

10 Visual Formatting Model Detail

10 Visual formatting model details

4 Formatting model
- 4.1 Block-level elements
  - 4.1.1 Vertical formatting
  - 4.1.2 Horizontal formatting
  - 4.1.3 List-item elements
  - 4.1.4 Floating elements
- 4.2 Inline elements
- 4.3 Replaced elements
- 4.4 The height of lines
- 4.5 The canvas
- 4.6 'BR' elements
5 CSS1 properties
- 5.5 Box properties
  - 5.5.23 'width'
    - 'width'
      - <length>
      - <percentage>
      - auto
  - 5.5.24 'height'
    - 'height'
      - <length>
      - auto
- 5.4 Text Properties
  - 5.4.8 'line-height'
    - 'line-height'
      - normal
      - <number>
      - <length>
      - <percentage>
  - 5.4.4 'vertical-align'
    - 'vertical-align'
      - baseline
      - sub
      - super
      - top
      - text-top
      - middle
      - bottom
      - text-bottom
      - <percentage>

10.1 Definition of "containing block"
10.2 Content width:
- 'width'
  - <length>
  - <percentage>
  - auto
  - inherit
10.3 Computing widths and margins
- 10.3.1 Inline, non-replaced elements
- 10.3.2 Inline, replaced elements
- 10.3.3 Block-level, non-replaced elements in normal flow
- 10.3.4 Block-level, replaced elements in normal flow
- 10.3.5 Floating, non-replaced elements
- 10.3.6 Floating, replaced elements
- 10.3.7 Absolutely positioned, non-replaced elements
- 10.3.8 Absolutely positioned, replaced elements
10.4 Minimum and maximum widths:
- 'min-width'
  - <length>
  - <percentage>
  - inherit
- 'max-width'
  - <length>
  - <percentage>
  - none
  - inherit
10.5 Content height:
- 'height'
  - <length>
  - <p<percentage>
  - auto
  - inherit
10.6 Computing heights and margins
- 10.6.1 Inline, non-replaced elements
- 10.6.2 Inline, replaced elements block-level, replaced elements in normal flow, and floating, replaced elements
- 10.6.3 Block-level, non-replaced elements in normal flow, and floating, non-replaced elements
- 10.6.4 Absolutely positioned, non-replaced elements
- 10.6.5 Absolutely positioned, replaced elements
10.7 Minimum and maximum heights:
- 'min-height'
  - <length>
  - <percentage>
  - inherit
- 'max-height'
  - <length>
  - <percentage>
  - none
  - inherit
10.8 Line height calculations:
- 10.8.1 Leading and half-leading
  - 'line-height'
    - normal
    - <number>
    - <length>
    - <percentage>
    - inherit
  - 'vertical-align'
    - baseline
    - middle
    - sub
    - super
    - text-top
    - text-bottom
    - top
    - bottom
    - <length>
    - <percentage>
    - inherit

10.1 Definition of "containing block"
10.2 Content width:
- 'width'
  - <length>
  - <percentage>
  - auto
  - inherit
10.3 Calculating widths and margins
- 10.3.1 inline, non-replaced element
- 10.3.2 inline, replaced elements
- 10.3.3 Block-level, non-replaced elements in normal flow
- 10.3.4 Block-level, replaced elements in normal flow
- 10.3.5 Floating, non-replaced elements
- 10.3.6 Floating, replaced elements
- 10.3.10.3.7 Absolutely positioned, non-replaced elements
- 10.3.8 Absolutely positioned, replaced elements
- 10.3.9 'Inline-block', non-replaced elements in normal flow
- 10.3.10 'Inline-block', replaced elements in normal flow
10.4 Minimum and maximum widths:
- 'min-width'
  - <length>
  - <percentage>
  - inherit
- 'max-width'
  - <length>
  - <percentage>
  - none
  - inherit
10.5 Content height:
- 'height'
  - <length>
  - <p<percentage>
  - auto
  - inherit
10.6 Calculating heights and margins
- 10.6.1 Inline, non-replaced elements
- 10.6.2 Inline, replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements
- 10.6.3 Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'
- 10.6.4 Absolutely positioned, non-replaced elements
- 10.6.5 Absolutely positioned, replaced elements
- 10.6.6 Complicated cases
- 10.6.7 'Auto' heights for block formatting context roots
10.7 Minimum and maximum heights:
- 'min-height'
  - <length>
  - <percentage>
  - inherit
- 'max-height'
  - <length>
  - <percentage>
  - none
  - inherit
10.8 Line height calculations:
- 10.8.1 Leading and half-leading
  - 'line-height'
    - normal
    - <number>
    - <length>
    - <percentage>
    - inherit
  - 'vertical-align'
    - baseline
    - middle
    - sub
    - super
    - text-top
    - text-bottom
    - top
    - bottom
    - <length>
    - <percentage>
    - inherit

10.1 Definition of "containing block"
10.2 Content width:
- 'width'
  - <length>
  - <percentage>
  - auto
  - inherit
10.3 Calculating widths and margins
- 10.3.1 Inline, non-replaced elements
- 10.3.2 Inline, replaced elements
- 10.3.3 Block-level, non-replaced elements in normal flow
- 10.3.4 Block-level, replaced elements in normal flow
- 10.3.5 Floating, non-replaced elements
- 10.3.6 Floating, replaced elements
- 10.3.7 Absolutely positioned, non-replaced elements
- 10.3.8 Absolutely positioned, replaced elements
- 10.3.9 'Inline-block', non-replaced elements in normal flow
- 10.3.10 'Inline-block', replaced elements in normal flow
10.4 Minimum and maximum widths:
- 'min-width'
  - <length>
  - <percentage>
  - inherit
- 'max-width'
  - <length>
  - <percentage>
  - none
  - inherit
10.5 Content height:
- 'height'
  - <length>
  - <percentage>
  - auto
  - inherit
10.6 Calculating heights and margins
- 10.6.1 Inline, non-replaced elements
- 10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements
- 10.6.3 Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'
- 10.6.4 Absolutely positioned, non-replaced elements
- 10.6.5 Absolutely positioned, replaced elements
- 10.6.6 Complicated cases
- 10.6.7 'Auto' heights for block formatting context roots
10.7 Minimum and maximum heights:
- 'min-height'
  - <length>
  - <percentage>
  - inherit
- 'max-height'
  - <length>
  - <percentage>
  - none
  - inherit
10.8 Line height calculations:
- 10.8.1 Leading and half-leading
  - 'line-height'
    - normal
    - <number>
    - <length>
    - <percentage>
    - inherit
  - 'vertical-align'
    - baseline
    - middle
    - sub
    - super
    - text-top
    - text-bottom
    - top
    - bottom
    - <length>
    - <percentage>
    - inherit

11 Visual effects

11 Visual Effects

11 Visual effects

Text Decoration

11.1 Overflow and clipping
- 11.1.1 Overflow:
  - 'overflow'
    - visible
    - hidden
    - scroll
    - auto
    - inherit
- 11.1.2 Clipping:
  - 'clip'
    - <shape>
    - auto
    - inherit
11.2 Visibility:
- 'visibility'
  - visible
  - hidden
  - collapse
  - inherit

11.1 Overflow and clipping
- 11.1.1 Overflow:
  - 'overflow'
    - visible
    - hidden
    - scroll
    - auto
    - inherit
- 11.1.2 Clipping:
  - 'clip'
    - <shape>
    - auto
    - inherit
11.2 Visibility:
- 'visibility'
  - visible
  - hidden
  - collapse
  - inherit

11.1 Overflow and clipping
- 11.1.1 Overflow:
  - 'overflow'
    - visible
    - hidden
    - scroll
    - auto
    - inherit
  11.1.2 Clipping:
  - 'clip'
    - <shape>
    - auto
    - inherit
11.2 Visibility:
- 'visibility'
  - visible
  - hidden
  - collapse
  - inherit

5 CSS1 properties

12 Generated content, automatic numbering, and lists

12 Generated Content, automatic numbering, and lists

12 Generated content, automatic numbering, and lists

Namespaces Module

5.6 Classification properties
- 5.6.3 'list-style-type'
  - 'list-style-type'
    - disc
    - circle
    - square
    - decimal
    - lower-roman
    - upper-roman
    - lower-alpha
    - upper-alpha
    - none
- 5.6.4 'list-style-image'
  - 'list-style-image'
    - <url>
    - none
- 5.6.5 'list-style-position'
  - 'list-style-position'
    - inside
    - outside
- 5.6.6 'list-style'
  - 'list-style'
    - disc
    - circle
    - square
    - decimal
    - lower-roman
    - upper-roman
    - lower-alpha
    - upper-alpha
    - none
    - inside
    - outside
    - <url>

12.1 The :before and :after pseudo-elements
12.2 The 'content' property
- 'content'
  - <string>
  - <uri>
  - <conter>
  - attr(X)
  - open-quote
  - close-quote
  - no-open-quote
  - no-close-quote
  - inherit
12.3 Interaction of :before and :after with 'compact' and 'run-in' elements
12.4 Quotation marks
- 12.4.1 Specifying quotes with the 'quotes' property
  - 'quotes'
    - [<string> <string>]
    - none
    - inherit
- 12.4.2 Inserting quotes with the 'content' property
12.5 Automatic counters and numbering
- 'counter-reset'
  - [<identifier> <integer>]
  - none
  - inherit
- 'counter-increment'
  - [<identifier> <integer>]
  - none
  - inherit
- 12.5.1 Nested counters and scope
- 12.5.2 Counter styles
- 12.5.3 Counters in elements with 'display: none'
12.6 Markers and lists
- 12.6.1 Markers:
  - 'market-offset'
    - <length>
    - auto
    - inherit
- 12.6.2 Lists:
  - 'list-style-type'
    - disc
    - circle
    - square
    - decimal
    - decimal-leading-zero
    - lower-roman
    - upper-roman
    - lower-greek
    - lower-latin
    - upper-latin
    - hebrew
    - armenian
    - georgian
    - cjk-ideographic
    - hiragana
    - katakana
    - hiragana-iroha
    - katakana-iroha
    - lower-alpha
    - upper-alpha
    - none
    - inherit
  - 'list-style-image'
    - <url>
    - none
    - inherit
  - 'list-style-position'
    - inside
    - outside
    - inherit
  - 'list-style'
    - <'list-style-type'>
    - <'list-style-position'>
    - <'list-style-image'>
    - inherit

12.1 The :before and :after pseudo-elements
12.2 The 'content' property
- 'content'
  - normal
  - none
  - <string>
  - <uri>
  - <conter>
  - attr(<identifier>)
  - open-quote
  - close-quote
  - no-open-quote
  - no-close-quote
  - inherit
12.3 Quotation marksarks
- 12.3.1 Specifying quotes with the 'quotes' property
  - 'quotes'
    - [<string> <string>]
    - none
    - inherit
- 12.3.2 Inserting quotes with the 'content' propertyerty
12.4 Automatic counters and numbering
- 'counter-reset'
  - [<identifier> <integer>]
  - none
  - inherit
- 'counter-increment'
  - [<identifier> <integer>]
  - none
  - inherit
- 12.4.1 Nested counters and scope
- 12.4.2 Counter styles
- 12.4.3 Counters in elements with 'display: none'
12.5 Lists
- 12.5.1 Lists:
  - 'list-style-type'
    - disc
    - circle
    - square
    - decimal
    - decimal-leading-zero
    - lower-roman
    - upper-roman
    - lower-greek
    - lower-latin
    - upper-latin
    - armenian
    - georgian
    - lower-alpha
    - upper-alpha
    - none
    - inherit
  - 'list-style-image'
    - <url>
    - none
    - inherit
  - 'list-style-position'
    - inside
    - outside
    - inherit
  - 'list-style'
    - <'list-style-type'>
    - <'list-style-position'>
    - <'list-style-image'>
    - inherit

12.1 The :before and :after pseudo-elements
12.2 The 'content' property
- 'content'
  - normal
  - none
  - <string>
  - <uri>
  - <conter>
  - attr(<identifier>)
  - open-quote
  - close-quote
  - no-open-quote
  - no-close-quote
  - inherit
12.3 Quotation marks
- 12.3.1 Specifying quotes with the 'quotes' property
  - 'quotes'
    - [<string> <string>]
    - none
    - inherit
  12.3.2 Inserting quotes with the 'content' property
12.4 Automatic counters and numbering
- 'counter-reset'
  - [<identifier> <integer>]
  - none
  - inherit
- 'counter-increment'
  - [<identifier> <integer>]
  - none
  - inherit
- 12.4.1 Nested counters and scope
- 12.4.2 Counter styles
- 12.4.3 Counters in elements with 'display: none'
12.5 Lists
- 12.5.1 Lists:
  - 'list-style-type'
    - disc
    - circle
    - square
    - decimal
    - decimal-leading-zero
    - lower-roman
    - upper-roman
    - lower-greek
    - lower-latin
    - upper-latin
    - armenian
    - georgian
    - lower-alpha
    - upper-alpha
    - none
    - inherit
  - 'list-style-image'
    - <url>
    - none
    - inherit
  - 'list-style-position'
    - inside
    - outside
    - inherit
  - 'list-style'
    - <'list-style-type'>
    - <'list-style-position'>
    - <'list-style-image'>
    - inherit

13 Paged media

13 Paged Media

13 Paged media

Namespaces Module

13.1 Introduction to paged media
13.2 Page boxes:
- @page
- 13.2.1 Page margins
- 13.2.2 Page size:
  - 'size'
    - <length>{1,2}
    - auto
    - portrait
    - landscape
    - inherit
- 13.2.3 Crop marks:
  - 'marks'
    - crop
    - cross
    - none
    - inherit
- 13.2.4 Left, right, and first pages
- 13.2.5 Content outside the page box
13.3 Page breaks
- 13.3.1 Break before/after elements:
  - 'page-break-before'
    - auto
    - always
    - avoid
    - left
    - right
    - inherit
  - 'page-break-after'
    - auto
    - always
    - avoid
    - left
    - right
    - inherit
  - 'page-break-inside'
    - avoid
    - auto
    - inherit
- 13.3.2 Using named pages:
  - 'page'
    - <identifier>
    - auto
- 13.3.3 Breaks inside elements:
  - 'orphans'
    - <integer>
    - inherit
  - 'widows'
    - <integer>
    - inherit
- 13.3.4 Allowed page breaks
- 13.3.5 Forced page breaks
- 13.3.6 "Best" page breaks
13.4 Cascading in the page context

13.1 Introduction to paged media
13.2 Page boxes:
- @page
- 13.2.1 Page margins
- 13.2.2 Page selectors: selecting left, right, and first pages
- 13.2.3 Content outside the page box
13.3 Page breaks
- 13.3.1 Paged break properties:
  - 'page-break-before'
    - auto
    - always
    - avoid
    - left
    - right
    - inherit
  - 'page-break-after'
    - auto
    - always
    - avoid
    - left
    - right
    - inherit
  - 'page-break-inside'
    - avoid
    - auto
    - inherit
- 13.3.2 Breaks inside elements:
  - 'orphans'
    - <integer>
    - inherit
  - 'widows'
    - <integer>
    - inherit
- 13.3.3 Allowed page breakseaks
- 13.3.4 Forced page breaks
- 13.3.5 "Best" page breaks
13.4 Cascading in the page context

13.1 Introduction to paged media
13.2 Page boxes:
- @page
- 13.2.1 Page margins
- 13.2.2 Page selectors: selecting left, right, and first pages
- 13.2.3 Content outside the page box
13.3 Page breaks
- 13.3.1 Page break properties:
  - 'page-break-before'
    - auto
    - always
    - avoid
    - left
    - right
    - inherit
  - 'page-break-after'
    - auto
    - always
    - avoid
    - left
    - right
    - inherit
  - 'page-break-inside'
    - avoid
    - auto
    - inherit
- 13.3.2 Breaks inside elements:
  - 'orphans'
    - <integer>
    - inherit
  - 'widows'
    - <integer>
    - inherit
- 13.3.3 Allowed page breaks
- 13.3.4 Forced page breaks
- 13.3.5 "Best" page breaks
13.4 Cascading in the page context

5 CSS1 properties / Appendix D: Gamma correction

14 Colors and Backgrounds

Namespaces Module

5 CSS1 properties
- 5.3 Color and background properties
  - 5.3.1 color
    - 'color'
      - <color>
  - 5.3.2 background-color
    - 'background-color'
      - <color>
      - transparent
  - 5.3.3 background-image
    - 'background-image'
      - <url>
      - none
  - 5.3.4 background-repeat
    - 'background-repeat'
      - repeat
      - repeat-x
      - repeat-y
      - no-repeat
  - 5.3.5 background-attachment
    - 'background-attachment'
      - scroll
      - fixed
  - 5.3.6 background-position
    - 'background-position'
      - <percentage>
      - <length>
      - top
      - center
      - bottom
      - left
      - center
      - right
  - 5.3.7 background
    - 'background'
      - <background-color>
      - <background-image>
      - <background-repeat>
      - <background-attachment>
      - <background-position>
Appendix D: Gamma correction
- PC using MS-Windows
- Unix using X11
- Mac using QuickDraw
- SGI using X
- NeXT using NeXTStep

14.1 Foreground color:
- 'color'
  - <color>
  - inherit
14.2 The background
- 14.2.1 Background properties:
  - 'background-color'
    - <color>
    - transparent
    - inherit
  - 'background-image'
    - <uri>
    - none
    - inherit
  - 'background-repeat'
    - repeat
    - repeat-x
    - repeat-y
    - no-repeat
    - inherit
  - background-attachment'
    - scroll
    - fixed
    - inherit
  - 'background-position'
    - <percentage>
    - <length>
    - left
    - center
    - right
    - top
    - bottom
    - inherit
  - 'background'
    - <'background-color'>
    - <'background-image'>
    - <'background-repeat'>
    - <'background-attachment'>
    - <'background-position'>
    - inherit
14.3 Gamma correction
- PC using MS-Windows
- Unix using X11
- Mac using QuickDraw
- SGI using X
- NeXT using NeXTStep

14.1 Foreground color:
- 'color'
  - <color>
  - inherit
14.2 The background
- 14.2.1 Background properties:
  - 'background-color'
    - <color>
    - transparent
    - inherit
  - 'background-image'
    - <uri>
    - none
    - inherit
  - 'background-repeat'
    - repeat
    - repeat-x
    - repeat-y
    - no-repeat
    - inherit
  - background-attachment'
    - scroll
    - fixed
    - inherit
  - 'background-position'
    - <percentage>
    - <length>
    - left
    - center
    - right
    - top
    - bottom
    - inherit
  - 'background'
    - <'background-color'>
    - <'background-image'>
    - <'background-repeat'>
    - <'background-attachment'>
    - <'background-position'>
    - inherit

14.1 Foreground color:
- 'color'
  - <color>
  - inherit
14.2 The background
- 14.2.1 Background properties:
  - 'background-color'
    - <color>
    - transparent
    - inherit
  - 'background-image'
    - <uri>
    - none
    - inherit
  - 'background-repeat'
    - repeat
    - repeat-x
    - repeat-y
    - no-repeat
    - inherit
  - background-attachment'
    - scroll
    - fixed
    - inherit
  - 'background-position'
    - <percentage>
    - <length>
    - left
    - center
    - right
    - top
    - bottom
    - inherit
  - 'background'
    - <'background-color'>
    - <'background-image'>
    - <'background-repeat'>
    - <'background-attachment'>
    - <'background-position'>
    - inherit

5 CSS1 properties

15 Fonts

Media Queries

5.2 Font properties
- 5.2.1 Font matching
- 5.2.2 'font-family'
  - 'font-family'
    - <family-name>
    - <generic-family>
- 5.2.3 'font-style'
  - 'font-style'
    - normal
    - italic
    - oblique
- 5.2.4 'font-variant'
  - 'font-variant'
    - normal
    - small-caps
  weight'
  - 'font-weight'
    - normal
    - bold
    - bolder
    - lighter
    - 100
    - 200
    - 300
    - 400
    - 500
    - 600
    - 700
    - 800
    - 900
  size'
  - 'font-size'
    - <absolute-size>
    - <relative-size>
    - <length>
    - <percentage>
- 5.2.7 'font'
  - 'font'
    - <font-style>
    - <font-variant>
    - <font-weight>
    - <font-size>
    - <line-height>
    - <font-family>

15.1 Introduction
15.2 Font specification
- 15.2.1 Font specification properties
- 15.2.2 Font family:
  - 'font-family'
    - <family-name>
    - <generic-family>
    - inherit
- 15.2.3 Font styling:
  - 'font-style'
    - normal
    - italic
    - oblique
    - inherit
  - 'font-variant'
    - normal
    - small-caps
    - inherit
  - 'font-weight'
    - normal
    - bold
    - bolder
    - lighter
    - 100
    - 200
    - 300
    - 400
    - 500
    - 600
    - 700
    - 800
    - 900
    - inherit
  - 'font-stretch'
    - normal
    - wider
    - narrower
    - ultra-condensed
    - extra-condensed
    - condensed
    - semi-condensed
    - semi-expanded
    - expanded
    - extra-expanded
    - ultra-expanded
    - inherit
- 15.2.4 Font size:
  - 'font-size'
    - <absolute-size>
    - <relative-size>
    - <length>
    - <percentage>
    - inherit
  - 'font-size-adjust'
    - <number>
    - none
    - inherit
- 15.2.5 Shorthand font property:
  - 'font'
    - <font-style>
    - <font-variant>
    - <font-weight>
    - <font-size>
    - <line-height>
    - <font-family>
    - caption
    - icon
    - menu
    - massage-box
    - small-caption
    - status-bar
    - inherit
- 15.2.6 Generic font families
  - serif
  - sans-serif
  - cursive
  - fantasy
  - monspace
15.3 Font selection
- 15.3.1 Font Descriptions and @font-face
  - @font-face
  - @font-face { <font-description> }
  - <font-description>
    - descriptor: value;
    - descriptor: value;
    - [...]
    - descriptor: value;
- 15.3.2 Descriptors for Selecting a Font:
  - 'font-family' (descriptor)
    - <family-name>
    - <generic-family>
    - <family-name>
    - <generic-family>
  - 'font-style' (descriptor)
    - all
    - normal
    - italic
    - oblique
  - 'font-variant' (descriptor)
    - normal
    - small-caps
  - 'font-weight' (descriptor)
    - all
    - normal
    - bold
    - 100
    - 200
    - 300
    - 400
    - 500
    - 600
    - 700
    - 800
    - 900
  - 'font-stretch' (descriptor)
    - all
    - normal
    - ultra-condensed
    - extra-condensed
    - condensed
    - semi-condensed
    - semi-expanded
    - expanded
    - extra-expanded
    - ultra-expanded
  - 'font-size' (descriptor)
    - all
    - length
- 15.3.3 Descriptors for Font Data Qualification:
  - 'unicode-range' (descriptor)
    - <urange>
- 15.3.4 Descriptor for Numeric Values:
  - 'units-per-em' (descriptor)
    - <number>
- 15.3.5 Descriptor for Referencing:
  - 'src' (descriptor)
    - <uri> [format(<string> [, <string>]]
    - <font-cace-name>
- 15.3.6 Descriptors for Matching:
  - 'panose-1' (descriptor)
    - <integer>{10}
  - 'stemv' (descriptor)
    - <number>
  - 'stemh' (descriptor)
    - <number>
  - 'slope' (descriptor)
    - <number>
  - 'cap-height' (descriptor)
    - <number>
  - 'x-height' (descriptor)
    - <number>
  - 'ascent' (descriptor)
    - <number>
  - 'descent' (descriptor)
    - <number>
- 15.3.7 Descriptors for Synthesis:
  - 'widths' (descriptor)
    - <urange>
    - <number>
  - 'bbox' (descriptor)
    - <number>
  - 'definition-src' (descriptor)
    - <uri>
- 15.3.8 Descriptors for Alignment:
  - 'baseline' (descriptor)
    - <number>
  - 'centerline' (descriptor)
    - <number>
  - 'mathline' (descriptor)
    - <number>
  - 'topline' (descriptor)
    - <number>
- 15.3.9 Examples
15.4 Font Characteristics
- 15.4.1 Introducing Font Characteristics
- 15.4.2 Full font name
- 15.4.3 Coordinate units on the em square
- 15.4.4 Central Baseline
- 15.4.5 Font Encoding
- 15.4.6 Font family name
- 15.4.7 Glyph widths
- 15.4.8 Horizontal stem width
- 15.4.9 Height of uppercase glyphs
- 15.4.10 Height of lowercase glyphs
- 15.4.11 Lower Baseline
- 15.4.12 Mathematical Baseline
- 15.4.13 Maximal bounding box
- 15.4.14 Maximum unaccented height
- 15.4.15 Maximum unaccented depth
- 15.4.16 Panose-1 number
- 15.4.17 Range of ISO 10646 characters
- 15.4.18 Top Baseline
- 15.4.19 Vertical stem width
- 15.4.20 Vertical stroke angle
15.5 Font matching algorithm
- 15.5.1 Mapping font weight values to font names
- 15.5.2 Examples of font matching

15.1 Introduction
15.2 Font maching algorithm
15.3 Font family:
- 'font-family'
  - <family-name>
  - <generic-family>
  - inherit
- 15.3.1 Generic font families
  - 15.3.1.1 serif
    - serif
  - 15.3.1.2 sans-serif
    - sans-serif
  - 15.3.1.3 cursive
    - cursive
  - 15.3.1.4 fantasy
    - fantasy
  - 15.3.1.5 monospace
    - monspace
15.4 Font styling:
- 'font-style'
  - normal
  - italic
  - oblique
  - inherit
15.5 Small-caps:
- 'font-variant'
  - normal
  - small-caps
  - inherit
15.6 Font boldness:
- 'font-weight'
  - normal
  - bold
  - bolder
  - lighter
  - 100
  - 200
  - 300
  - 400
  - 500
  - 600
  - 700
  - 800
  - 900
  - inherit
15.7 Font size:
- 'font-size'
  - <absolute-size>
    - xx-small
    - x-small
    - small
    - medium
    - large
    - x-large
    - xx-large
  - <relative-size>
    - larger
    - smaller
  - <length>
  - <percentage>
  - inherit
15.8 Shorthand font property:
- 'font'
  - <'font-style'>
  - <'font-variant'>
  - <'font-weight'>
  - <'font-size'>
  - <'line-height'>
  - <'font-family'>
  - caption
  - icon
  - menu
  - massage-box
  - small-caption
  - status-bar
  - inherit

15.1 Introduction
15.2 Font matching algorithm
15.3 Font family:
- 'font-family'
  - <family-name>
  - <generic-family>
  - inherit
- 15.3.1 Generic font families
  - 15.3.1.1 serif
    - serif
  - 15.3.1.2 sans-serif
    - sans-serif
  - 15.3.1.3
  - cursive
    - cursive
  - 15.3.1.4 fantasy
    - fantasy
  - 15.3.1.5 monospace
    - monspace
15.4 Font styling:
- 'font-style'
  - normal
  - italic
  - oblique
  - inherit
15.5 Small-caps:
- 'font-variant'
  - normal
  - small-caps
  - inherit
15.6 Font boldness:
- 'font-weight'
  - normal
  - bold
  - bolder
  - lighter
  - 100
  - 200
  - 300
  - 400
  - 500
  - 600
  - 700
  - 800
  - 900
  - inherit
15.7 Font size:
- 'font-size'
  - <absolute-size>
    - xx-small
    - x-small
    - small
    - medium
    - large
    - x-large
    - xx-large
  - <relative-size>
    - larger
    - smaller
  - <length>
  - <percentage>
  - inherit
15.8 Shorthand font property:
- 'font'
  - <'font-style'>
  - <'font-variant'>
  - <'font-weight'>
  - <'font-size'>
  - <'line-height'>
  - <'font-family'>
  - caption
  - icon
  - menu
  - massage-box
  - small-caption
  - status-bar
  - inherit

5 CSS1 properties

16 Text

Speech Module

5.4 Text properties
- 5.4.7 text-indent
  - 'text-indent'
    - <length>
    - <percentage>
- 5.4.6 text-align
  - 'text-align'
    - left
    - right
    - center
    - justify
- 5.4.3 text-decoration
  - 'text-decoration'
    - none
    - underline
    - overline
    - line-through
    - blink
- 5.4.2 letter-spacing
  - 'letter-spacing'
    - normal
    - <length>
- 5.4.1 word-spacing
  - 'word-spacing'
    - normal
    - <length>
- 5.4.5 text-transform
  - 'text-transform'
    - capitalize
    - uppercase
    - lowercase
    - none
5.6 Classification properties
- 5.6.2 white-space
  - 'white-space'
    - normal
    - pre
    - nowrap

16.1 Indentation:
- 'text-indent'
  - <length>
  - <percentage>
  - inherit
16.2 Alignment:
- 'text-align'
  - left
  - right
  - center
  - justify
  - <string>
  - inherit
16.3 Decoration
- 16.3.1 Underlining, overlining, striking, and blinking:
  - 'text-decoration'
    - none
    - underline
    - overline
    - line-through
    - blink
    - inherit
- 16.3.2 Text shadows:
  - 'text-shadow'
    - none
    - [<color>||<length> <length>]
    - inherit
16.4 Letter and word spacing:
- 'letter-spacing'
  - normal
  - <length>
  - inherit
- 'word-spacing'
  - normal
  - <length>
  - inherit
16.5 Capitalization:
- capitalize
- uppercase
- lowercase
- none
- inherit
16.6 Whitespace:
- normal
- pre
- nowrap
- inherit

16.1 Indentation:
- 'text-indent'
  - <length>
  - <percentage>
  - inherit
16.2 Alignment:
- 'text-align'
  - left
  - right
  - center
  - justify
  - inherit
16.3 Decoration
- 16.3.1 Underlining, overlining, striking, and blinking:
  - 'text-decoration'
    - none
    - underline
    - overline
    - line-through
    - blink
    - inherit
16.4 Letter and word spacing:
- 'letter-spacing'
  - normal
  - <length>
  - inherit
- 'word-spacing'
  - normal
  - <length>
  - inherit
16.5 Capitalization:
- 'text-transform'
  - capitalize
  - uppercase
  - lowercase
  - none
  - inherit
16.6 White space:
- 'white-space'
  - normal
  - pre
  - nowrap
  - pre-wrap
  - pre-line
  - inherit
- 16.6.1 The 'white-space' processing model
- 16.6.2 Example of bidirectionality with white space collapsing
- 16.6.3 Control and combining characters' details

16.1 Indentation:
- 'text-indent'
  - <length>
  - <percentage>
  - inherit
16.2 Alignment:
- 'text-align'
  - left
  - right
  - center
  - justify
  - inherit
16.3 Decoration
- 16.3.1 Underlining, overlining, striking, and blinking:
  - 'text-decoration'
    - none
    - underline
    - overline
    - line-through
    - blink
    - inherit
16.4 Letter and word spacing:
- 'letter-spacing'
  - normal
  - <length>
  - inherit
- 'word-spacing'
  - normal
  - <length>
  - inherit
16.5 Capitalization:
- 'text-transform'
  - capitalize
  - uppercase
  - lowercase
  - none
  - inherit
16.6 White space:
- 'white-space'
  - normal
  - pre
  - nowrap
  - pre-wrap
  - pre-line
  - inherit
- 16.6.1 The 'white-space' processing model 16.6.2 Example of bidirectionality with white space collapsing 16.6.3 Control and combining characters' details

17 Tables

Image Values and Replaced Content Module

17.1 Introduction to tables
17.2 The CSS table model
- 17.2.1 Anonymous table objects
17.3 Column selectors
17.4 Tables in the visual formatting model
- 17.4.1 Caption position and alignment
  - 'caption-side'
    - top
    - bottom
    - inherit
17.5 Visual layout of table contents
- 17.5.1 Table layers and transparency
- 17.5.2 Table width algorithms:
  - 'table-layout'
    - auto
    - fixed
    - inherit
  - 17.5.2.1 Fixed table layout
  - 17.5.2.2 Automatic table layout
- 17.5.3 Table height algorithms
- 17.5.4 Horizontal alignment in a column
- 17.5.5 Dynamic row and column effects
17.6 Borders
- 'border-collapse'
  - collapse
  - fix
  - inherit
- 17.6.1 The separated borders model
  - 'border-spacing'
    - <length>
    - inherit
  - Borders around empty cells:
    - 'empty-cells'
      - show
      - hide
      - inherit
- 17.6.2 The collapsing border model
  - Border conflict resolution
- 17.6.3 Border styles
17.7 Audio rendering of tables
- 17.7.1 Speaking headers:
  - 'speak-header'
    - once
    - always
    - inherit

17.1 Introduction to tables
17.2 The CSS table model
- table element
  - table
  - inline-table
  - table-row
  - table-row-group
  - table-header-group
  - table-footer-group
  - table-column
  - table-column-group
  - table-cell
  - table-caption
- 17.2.1 Anonymous table objects
  - row group box
  - proper table child
  - proper table row parent
  - internal table box
  - tabular container
  - consecutive
17.3 Column
- 'border'
- 'background'
- 'width'
- 'visibility'
17.4 Tables in the visual formatting model
- 17.4.1 Caption position and alignment
  - 'caption-side'
    - top
    - bottom
    - inherit
17.5 Visual layout of table contents
- 17.5.1 Table layers and transparency
- 17.5.2 Table width algorithms:
  - 'table-layout'
    - auto
    - fixed
    - inherit
  - 17.5.2.1 Fixed table layout
  - 17.5.2.2 Automatic table layout
- 17.5.3 Table height algorithms
  - baseline
  - top
  - bottom
  - middle
- 17.5.4 Horizontal alignment in a column
- 17.5.5 Dynamic row and column effects
17.6 Borders
- 'border-collapse'
  - collapse
  - separate
  - inherit
- 17.6.1 The separated borders model
  - 'border-spacing'
    - <length>
    - inherit
  - 17.6.1.1 Borders and Backgrounds around empty cells:
    - 'empty-cells'
      - show
      - hide
      - inherit
- 17.6.2 The collapsing border model
  - 17.6.2.1 Border conflict resolution
- 17.6.3 Border styles
  - none
  - *hidden
  - dotted
  - dashed
  - solid
  - double
  - groove
  - ridge
  - *inset
  - *outset

17.1 Introduction to tables
17.2 The CSS table model
- table element
  - table
  - inline-table
  - table-row
  - table-row-group
  - table-header-group
  - table-footer-group
  - table-column
  - table-column-group
  - table-cell
  - table-caption
- 17.2.1 Anonymous table objects
  - row group box
  - proper table child
  - proper table row parent
  - internal table box
  - tabular container
  - consecutive
17.3 Columns
- 'border'
- 'background'
- 'width'
- 'visibility'
17.4 Tables in the visual formatting model
- 17.4.1 Caption position and alignment
  - 'caption-side'
    - top
    - bottom
    - inherit
17.5 Visual layout of table contents
- 17.5.1 Table layers and transparency
- 17.5.2 Table width algorithms:
  - 'table-layout'
    - auto
    - fixed
    - inherit
  - 17.5.2.1 Fixed table layout
  - 17.5.2.2 Automatic table layout
- 17.5.3 Table height algorithms
  - baseline
  - top
  - bottom
  - middle
- 17.5.4 Horizontal alignment in a column
- 17.5.5 Dynamic row and column effects
17.6 Borders
- 'border-collapse'
  - collapse
  - separate
  - inherit
- 17.6.1 The separated borders model
  - 'border-spacing'
    - <length>
    - inherit
  - 17.6.1.1 Borders and Backgrounds around empty cells:
    - 'empty-cells'
      - show
      - hide
      - inherit
- 17.6.2 The collapsing border model
  - 17.6.2.1 Border conflict resolution
- 17.6.3 Border styles
  - none
  - *hidden
  - dotted
  - dashed
  - solid
  - double
  - groove
  - ridge
  - *inset
  - *outset

18 User interface

18 User Interface

18 User interface

Values and Units Module

18.1 Cursors:
- 'cursor'
  - uri
  - auto
  - crosshair
  - default
  - pointer
  - move
  - e-resize
  - ne-resize
  - nw-resize
  - n-resize
  - se-resize
  - sw-resize
  - s-resize
  - w-resize
  - text
  - wait
  - help
  - progress
  - inherit
18.2 User preferences for colors
- ActiveBorder
- ActiveCaption
- AppWorkspace
- Background
- ButtonFace
- ButtonHighlight
- ButtonShadow
- ButtonText
- CaptionText
- GrayText
- Highlight
- HighlightText
- InactiveBorder
- InactiveCaption
- InactiveCaptionText
- InfoBackground
- InfoText
- Menu
- MenuText
- Scrollbar
- ThreeDDarkShadow
- ThreeDFace
- ThreeDHighlight
- ThreeDLightShadow
- ThreeDShadow
- Window
- WindowFrame
- WindowText
18.3 User preferences for fonts
18.4 Dynamic outlines:
- 'outline'
  - <'outline-color'>
  - <'outline-style'>
  - <'outline-width'>
  - inherit
- 'outline-width'
  - <border-width>
  - inherit
- 'outline-style'
  - <border-style>
  - inherit
- 'outline-color'
  - invert
  - <color>
  - invert
  - inherit
- 18.4.1 Outlines and the focus
18.5 Magnification

18.1 Cursors:
- 'cursor'
  - <uri>
  - auto
  - crosshair
  - default
  - pointer
  - move
  - e-resize
  - ne-resize
  - nw-resize
  - n-resize
  - se-resize
  - sw-resize
  - s-resize
  - w-resize
  - text
  - wait
  - help
  - progress
  - inherit
18.2 System Colors
- ActiveBorder
- ActiveCaption
- AppWorkspace
- Background
- ButtonFace
- ButtonHighlight
- ButtonShadow
- ButtonText
- CaptionText
- GrayText
- Highlight
- HighlightText
- InactiveBorder
- InactiveCaption
- InactiveCaptionText
- InfoBackground
- InfoText
- Menu
- MenuText
- Scrollbar
- ThreeDDarkShadow
- ThreeDFace
- ThreeDHighlight
- ThreeDLightShadow
- ThreeDShadow
- Window
- WindowFrame
- WindowText
18.3 User preferences for fonts
18.4 Dynamic outlines:
- 'outline'
  - <'outline-color'>
  - <'outline-style'>
  - <'outline-width'>
  - inherit
- 'outline-width'
  - <border-width>
  - inherit
- 'outline-style'
  - <border-style>
  - inherit
- 'outline-color'
  - invert
  - <color>
  - invert
  - inherit
- 18.4.1Outlines and the focus
18.5 Magnification

18.1 Cursors:
- 'cursor'
  - <uri>
  - auto
  - crosshair
  - default
  - pointer
  - move
  - e-resize
  - ne-resize
  - nw-resize
  - n-resize
  - se-resize
  - sw-resize
  - s-resize
  - w-resize
  - text
  - wait
  - help
  - progress
  - inherit
18.2 System Colors
- ActiveBorder
- ActiveCaption
- AppWorkspace
- Background
- ButtonFace
- ButtonHighlight
- ButtonShadow
- ButtonText
- CaptionText
- GrayText
- Highlight
- HighlightText
- InactiveBorder
- InactiveCaption
- InactiveCaptionText
- InfoBackground
- InfoText
- Menu
- MenuText
- Scrollbar
- ThreeDDarkShadow
- ThreeDFace
- ThreeDHighlight
- ThreeDLightShadow
- ThreeDShadow
- Window
- WindowFrame
- WindowText
18.3 User preferences for fonts
18.4 Dynamic outlines:
- 'outline'
  - <'outline-color'>
  - <'outline-style'>
  - <'outline-width'>
  - inherit
- 'outline-width'
  - <border-width>
  - inherit
- 'outline-style'
  - <border-style>
  - inherit
- 'outline-color'
  - invert
  - <color>
  - invert
  - inherit
- 18.4.1Outlines and the focus
18.5 Magnification

19 Aural style sheets

Appendix A Aural Style Sheet

Values and Units Module

19.1 Introduction to aural style sheets
19.2 Volume properties:
- 'volume'
  - <number>
  - <percentage>
  - silent
  - x-soft
  - soft
  - medium
  - loud
  - x-loud
  - inherit
19.3 Speaking properties:
- 'speak'
  - normal
  - none
  - spell-out
  - inherit
19.4 Pause properties:
- 'pause-before'
  - <time>
  - <percentage>
  - inherit
- 'pause-after'
  - <time>
  - <percentage>
  - inherit
- 'pause'
  - <time>
  - <percentage>{1,2}
  - inherit
19.5 Cue properties:
- 'cue-before'
  - <uri>
  - none
  - inherit
- 'cue-after'
  - <uri>
  - none
  - inherit
- 'cue'
  - <'cue-before'>
  - <'cue-after'>
  - inherit
19.6 Mixing properties:
- 'play-during'
  - <uri>
  - mix
  - repeat
  - auto
  - none
  - inherit
19.7 Spatial properties:
- 'azimuth'
  - <angle>
  - left-side
  - far-left
  - left
  - center-left
  - center
  - center-right
  - right
  - far-right
  - right-side
  - behind
  - leftwards
  - rightwards
  - inherit
- 'elevation'
  - <angle>
  - below
  - level
  - above
  - highter
  - lower
  - inherit
'
19.8 Voice characteristic properties:
- 'speech-rate'
  - <number>
  - x-slow
  - slow
  - medium
  - fast
  - x-fast
  - faster
  - slower
  - inherit
- 'voice-family'
  - <specific-voice>
  - <generic-voice>
  - inherit
- 'pitch'
  - <frequency>
  - x-low
  - low
  - medium
  - high
  - x-high
  - inherit
- 'pitch-range'
  - <number>
  - inherit
- 'stress'
  - <number>
  - inherit
- 'richness'
  - <number>
  - inherit
19.9 Speech properties:
- 'speak-punctuation'
  - code
  - none
  - inherit
- 'speak-numeral'
  - digits
  - continuous
  - inherit

A.1 The media types 'aural' and 'speech'
A.2 Introduction to aural style sheets
- A.2.1 Angles
  - <angle>
  - Angle units
    - deg
    - grad
    - rad
- A.2.2 Times
  - <time>
  - Time units
    - ms
    - s
- A.2.3 Frequencies
  - <frequency>
  - Frequency units
    - Hz
    - kHz
A.3 Volume properties:
- 'volume'
  - <number>
  - <percentage>
  - silent
  - x-soft
  - soft
  - medium
  - loud
  - x-loud
  - inherit
A.4 Speaking properties:
- 'speak'
  - normal
  - none
  - spell-out
  - inherit
A.5 Pause properties:
- 'pause-before'
  - <time>
  - <percentage>
  - inherit
- 'pause-after'
  - <time>
  - <percentage>
  - inherit
- 'pause'
  - <time>
  - <percentage>{1,2}
  - inherit
A.6 Cue properties:
- 'cue-before'
  - <uri>
  - none
  - inherit
- 'cue-after'
  - <uri>
  - none
  - inherit
- 'cue'
  - <'cue-before'>
  - <'cue-after'>
  - inherit
A.7 Mixing properties
- 'play-during'
  - <uri>
  - mix
  - repeat
  - auto
  - none
  - inherit
A.8 Spatial properties:
- 'azimuth'
  - <angle>
  - left-side
  - far-left
  - left
  - center-left
  - center
  - center-right
  - right
  - far-right
  - right-side
  - behind
  - leftwards
  - rightwards
  - inherit
- 'elevation'
  - <angle>
  - below
  - level
  - above
  - highter
  - lower
  - inherit
A.9 Voice characteristic properties:
- 'speech-rate'
  - <number>
  - x-slow
  - slow
  - medium
  - fast
  - x-fast
  - faster
  - slower
  - inherit
- 'voice-family'
  - <specific-voice>
  - <generic-voice>
  - inherit
- 'pitch'
  - <frequency>
  - x-low
  - low
  - medium
  - high
  - x-high
  - inherit
- 'pitch-range'
  - <number>
  - inherit
- 'stress'
  - <number>
  - inherit
- 'richness'
  - <number>
  - inherit
A.10 Speech properties:
- 'speak-punctuation'
  - code
  - none
  - inherit
- 'speak-numeral'
  - digits
  - continuous
  - inherit
A.11 Audio rendering of tables
- A.11.1 Speaking header:
  - 'speak-header'
    - once
    - always
    - inherit
A.12 Sample style sheet for HTML
A.13 Emacspeak

A.1 The media types 'aural' and 'speech'
A.2 Introduction to aural style sheets
- A.2.1 Angles
  - <angle>
  - Angle units
    - deg
    - grad
    - rad
- A.2.2 Times
  - <time>
  - Time units
    - ms
    - s
- A.2.3 Frequencies
  - <frequency>
  - Frequency units
    - Hz
    - kHz
A.3 Volume properties:
- 'volume'
  - <number>
  - <percentage>
  - silent
  - x-soft
  - soft
  - medium
  - loud
  - x-loud
  - inherit
A.4 Speaking properties:
- 'speak'
  - normal
  - none
  - spell-out
  - inherit
A.5 Pause properties:
- 'pause-before'
  - <time>
  - <percentage>
  - inherit
- 'pause-after'
  - <time>
  - <percentage>
  - inherit
- 'pause'
  - <time>
  - <percentage>{1,2}
  - inherit
A.6 Cue properties:
- 'cue-before'
  - <uri>
  - none
  - inherit
- 'cue-after'
  - <uri>
  - none
  - inherit
- 'cue'
  - <'cue-before'>
  - <'cue-after'>
  - inherit
A.7 Mixing properties
- 'play-during'
  - <uri>
  - mix
  - repeat
  - auto
  - none
  - inherit
A.8 Spatial properties:
- 'azimuth'
  - <angle>
  - left-side
  - far-left
  - left
  - center-left
  - center
  - center-right
  - right
  - far-right
  - right-side
  - behind
  - leftwards
  - rightwards
  - inherit
- 'elevation'
  - <angle>
  - below
  - level
  - above
  - highter
  - lower
  - inherit
A.9 Voice characteristic properties:
- 'speech-rate'
  - <number>
  - x-slow
  - slow
  - medium
  - fast
  - x-fast
  - faster
  - slower
  - inherit
- 'voice-family'
  - <specific-voice>
  - <generic-voice>
  - inherit
- 'pitch'
  - <frequency>
  - x-low
  - low
  - medium
  - high
  - x-high
  - inherit
- 'pitch-range'
  - <number>
  - inherit
- 'stress'
  - <number>
  - inherit
- 'richness'
  - <number>
  - inherit
A.10 Speech properties:
- 'speak-punctuation'
  - code
  - none
  - inherit
- 'speak-numeral'
  - digits
  - continuous
  - inherit
A.11 Audio rendering of tables
- A.11.1 Speaking header:
  - 'speak-header'
    - once
    - always
    - inherit
A.12 Sample style sheet for HTML
A.13 Emacspeak

8 References

Appendix E. References

Appendix B Bibliography

Appendix B. Bibliography

CSS Style Attributes

E.1 Normative references
E.2 Informative references

B.1 Normative references
B.2 Informative references

B.1 Normative references
B.2 Informative references

Appendix F: Changes from the 17 December 1996 version

Appendix B. Changes from CSS1

Appendix C Changes

Appendix C. Changes

Conditional Rules Module

Spelling and typographic mistakes
Errors
Structure and Organization

B.1 New functionality
B.2 Updated descriptions
B.3 Semantic changes from CSS1

C.1 Additional property values
C.2 Changes
C.3 Errors
C.4 Clarification
C.5 Errata since the Candidate Recommendation of July 2007
C.6 Errata since the Candidate Recommendation of April 2009
C.7 Errata since the Candidate Recommendation of September 2009
C.8 Errata since the working draft of 7 December 2010

C.1 Changes since the Recommendation of 7 June 2011

Appendix A: Sample style sheet for HTML 2.0

Appendix A. A sample style sheet for HTML 4.0

Appendix D Default style sheet for HTML 4

Appendix D. Default style sheet for HTML 4

Writing Modes Module

A.1 The media types 'aural' and 'speech'
A.2 Introduction to aural style sheets
- A.2.1 Angles
  - <angle>
  - Angle units
    - deg
    - grad
    - rad
- A.2.2 Times
  - <time>
  - Time units
    - ms
    - s
- A.2.3 Frequencies
  - <frequency>
  - Frequency units
    - Hz
    - kHz
A.3 Volume properties:
- 'volume'
  - <number>
  - <percentage>
  - silent
  - x-soft
  - soft
  - medium
  - loud
  - x-loud
  - inherit
A.4 Speaking properties:
- 'speak'
  - normal
  - none
  - spell-out
  - inherit
A.5 Pause properties:
- 'pause-before'
  - <time>
  - <percentage>
  - inherit
- 'pause-after'
  - <time>
  - <percentage>
  - inherit
- 'pause'
  - <time>
  - <percentage>{1,2}
  - inherit
A.6 Cue properties:
- 'cue-before'
  - <uri>
  - none
  - inherit
- 'cue-after'
  - <uri>
  - none
  - inherit
- 'cue'
  - <'cue-before'>
  - <'cue-after'>
  - inherit
A.7 Mixing properties
- 'play-during'
  - <uri>
  - mix
  - repeat
  - auto
  - none
  - inherit
A.8 Spatial properties:
- 'azimuth'
  - <angle>
  - left-side
  - far-left
  - left
  - center-left
  - center
  - center-right
  - right
  - far-right
  - right-side
  - behind
  - leftwards
  - rightwards
  - inherit
- 'elevation'
  - <angle>
  - below
  - level
  - above
  - highter
  - lower
  - inherit
A.9 Voice characteristic properties:
- 'speech-rate'
  - <number>
  - x-slow
  - slow
  - medium
  - fast
  - x-fast
  - faster
  - slower
  - inherit
- 'voice-family'
  - <specific-voice>
  - <generic-voice>
  - inherit
- 'pitch'
  - <frequency>
  - x-low
  - low
  - medium
  - high
  - x-high
  - inherit
- 'pitch-range'
  - <number>
  - inherit
- 'stress'
  - <number>
  - inherit
- 'richness'
  - <number>
  - inherit
A.10 Speech properties:
- 'speak-punctuation'
  - code
  - none
  - inherit
- 'speak-numeral'
  - digits
  - continuous
  - inherit
A.11 Audio rendering of tables
- A.11.1 Speaking header:
  - 'speak-header'
    - once
    - always
    - inherit
A.12 Sample style sheet for HTML
A.13 Emacspeak

Appendix E Elaborate description of Stacking Contexts

Appendix E. Elaborate description of Stacking Contexts

Text

E.1 Definitions
E.2 Painting order
E.3 Notes

E.1 Definitions
E.2 Painting order
E.3 Notes

Appendix F. Property index / Appendix G. Descriptor index

Appendix F Full property table

Appendix F. Full property table

Web Animations

Appendix B: CSS1 Grammar

Appendix D. The grammar of CSS2

Appendix G Grammar of CSS 2.1

Appendix G. Grammar of CSS 2.2

Counter Styles

D.1 Grammar
D.2 Lexical scanner
D.3 Comparison of tokenization in CSS2 and CSS1

G.1 Grammar
G.2 Lexical scanner
G.3 Comparison of tokenization in CSS 2.1 and CSS 1
G.4 Implementation note

G.1 Grammar
G.2 Lexical scanner
G.3 Comparison of tokenization in CSS 2.2 and CSS1
G.4 Implementation note

Appendix H Blank

Transitions

Appendix H. Index

Appendix I Index

Appendix I. Index

Animations

Appendix C. Implementation and performance notes for fonts

Fragmentation Module

C.1 Glossary of font terms
C.2 Font retrieval
C.3 Meaning of the Panose Digits
C.4 Deducing Unicode Ranges for TrueType
C.5 Automatic descriptor generation

Web Animations

Appendix C: Encoding

Web Animations

Character encoding
Font encoding
Font sets

Web Animations

Custom Properties for Cascading Variables Module

Basic User Interface Module

Box Alignment Module

Paged Media Module

Object Model (CSSOM) View Module

Device Adaptation

Generated Content for Paged Media Module

Lists and Counters Module

Intrinsic & Extrinsic Sizing Module

Line Grid Module

Positioned Layout Module

MathMl

Overflow Module

Font Loading Module

Display Module

Inline Layout

Basic Box Model

Generated Content Module