|
|
|
|
|
|
|
|
| |
|
|
|
|
|
|
|
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
- 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 |
|
3 Conformance: Requirements and Recommendations |
|
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 |
|
4 Syntax and basic data types |
|
|
|
|
Selectors |
|
Image Values and Replaced Content Module |
|
|
|
|
|
|
| |
|
|
|
- 1 Basic concepts
- 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
- 4.3.2 Lengths
- <length>
- Relative units
- Absolute length units
- 4.3.3 Percentages
- 4.3.4 URL + URN = 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
- 4.3.8 Times
- 4.3.9 Frequencies
- <frequency>
- Frequency units
- 4.3.10 Strings
- 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
- 4.3.2 Lengths
- <length>
- Relative units
- Absolute length units
- 4.3.3 Percentages
- 4.3.4 URLs and URIs
- 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
- 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
- 4.3.2 Lengths
- <length>
- Relative units
- Absolute length units
- 4.3.3 Percentages
- 4.3.4 URLs and URIs
- 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
- 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 |
|
5 Selectors |
|
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
- 2.2 Typographical pseudo-elements
- 2.3 The 'first-line' pseudo-element
- 2.4 The 'first-letter' pseudo-element
- 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.3 Universal selector
- 5.4 Type selectors
- 5.5 Descendant selectors
- 5.6 Child selectors
- 5.7 Adjacent sibling selectors
- 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
- 5.9 ID selectors
- 5.10 Pseudo-elements and pseudo-classes
- 5.11 Pseudo-classes
- 5.11.1 :first-child pseudo-class
- 5.11.2 The link pseudo-classes:
- 5.11.3 The dynamic pseudo-classes:
- 5.11.4 The language pseudo-class:
5.12 Pseudo-elements
- 5.12.1 The :first-line pseudo-element
- 5.12.2 The :first-letter pseudo-element
- 5.12.3 The :before and :after 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.3 Universal selector
- 5.4 Type selectors
- 5.5 Descendant selectors
- 5.6 Child selectors
- 5.7 Adjacent sibling selectors
- 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
- 5.9 ID selectors
- 5.10 Pseudo-elements and pseudo-classes
- 5.11 Pseudo-classes
- 5.11.1 first-child pseudo-class
- 5.11.2 The link pseudo-classes
- 5.11.3 The dynamic pseudo-classes:
- 5.11.4 The language pseudo-class:
- 5.12 Pseudo-elements
- 5.12.1 The :first-line pseudo-element
- 5.12.2 The :first-letter pseudo-element
- 5.12.3 The :before and :after 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.3 Universal selector
- 5.4 Type selectors
- 5.5 Descendant selectors
- 5.6 Child selectors
- 5.7 Adjacent sibling selectors
- 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
- 5.9 ID selectors
- 5.10 Pseudo-elements and pseudo-classes
- 5.5.11 Pseudo-classes
- 5.11.1 :first-child pseudo-class
- 5.11.2 The link pseudo-classes:
- 5.11.3 The dynamic pseudo-classes:
- 5.11.4 The language pseudo-class:
- 5.12 Pseudo-elements
- 5.12.1 The :first-line pseudo-element
- 5.12.2 The :first-letter pseudo-element
- 5.12.3 The :before and :after pseudo-elements
|
| | |
| | |
| |
| |
|
| |
| |
| | | | |
| |
| |
| |
|
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
- 3 The cascade
- 3.1 '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
- 6.3 The @import rule
- 6.4 The cascade
- aurthor
- User
- User age
- 6.4.1 Cascading order
- 6.4.2 !important rules
- 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
- 6.3 The @import rule
- 6.4 The cascade
- aurthor
- User
- User age
- 6.4.1 Cascading order
- 6.4.2 Important rules
- 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
- 6.3 The @import rule
- 6.6.4 The cascade
- aurthor
- User
- User age
- 6.4.1 Cascading order
- 6.4.2 !important rules
- 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
- 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
- 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
- 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'
- 5.5.7 'padding-right'
- 5.5.8 'padding-bottom'
- 5.5.9 'padding-left'
- 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'
- 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'
- <margin-width>{1,4}
- inherit
- 8.4 Padding properties:
- <padding-width>
- 'padding-top'
- 'padding-right'
- 'padding-bottom'
- 'padding-left'
- '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'
- <border-width>{1,4}
- inherit
- 8.5.2 Border color:
- 'border-top-color'
- 'border-right-color'
- 'border-bottom-color'
- 'border-left-color'
- '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'
- <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'
- <margin-width>{1,4}
- inherit
8.4 Padding properties
- <padding-width>
- 'padding-top'
- 'padding-right'
- 'padding-bottom'
- 'padding-left'
- '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'
- <border-width>{1,4}
- inherit
- 8.5.2 Border color
- 'border-top-color'
- 'border-right-color'
- 'border-bottom-color'
- 'border-left-color'
- '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'
- <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'
- <margin-width>{1,4}
- inherit
- 8.4 Padding properties:
- <padding-width>
- 'padding-top'
- 'padding-right'
- 'padding-bottom'
- 'padding-left'
- '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'
- <border-width>{1,4}
- inherit
- 8.5.2 Border color:
- 'border-top-color'
- 'border-right-color'
- 'border-bottom-color'
- 'border-left-color'
- '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'
- <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'
- 5.5.26 'clear'
|
|
- 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.2 Inline-level elements and 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:
- 9.5.2 Controlling flow next to floats:
- 'clear'
- none
- left
- right
- both
- inherit
- 9.6 Absolute 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:
- 9.10 Text direction:
- 'direction'
- '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::
- 9.5.2 Controlling flow next to floats:
- 'clear'
- none
- left
- right
- both
- inherit
- 9.6 Absolute 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:
- 9.10 Text direction:
- 'direction'
- '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:
- 9.5.2 Controlling flow next to floats:
- 'clear'
- none
- left
- right
- both
- inherit
- 9.6 Absolute 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:
- 9.10 Text direction:
- 'direction'
- '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'
- 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:
- 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:
- 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:
- 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'
- 5.6.5 'list-style-position'
- 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:
- 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'
- 'list-style-position'
- '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'
- 'list-style-position'
- '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'
- 'list-style-position'
- '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:
- 13.2.1 Page margins
- 13.2.2 Page size:
- 'size'
- <length>{1,2}
- auto
- portrait
- landscape
- inherit
- 13.2.3 Crop marks:
- 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'
- 13.3.2 Using named pages:
- 13.3.3 Breaks inside elements:
- 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:
- 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'
- 13.3.2 Breaks inside elements:
- 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:
- 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'
- 13.3.2 Breaks inside elements:
- 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 |
|
14 Colors and Backgrounds |
|
14 Colors and Backgrounds |
|
|
|
|
Namespaces Module |
|
|
|
|
|
|
|
|
| |
| |
|
- 5 CSS1 properties
- 5.3 Color and background properties
- 5.3.1 color
- 5.3.2 background-color
- 5.3.3 background-image
- 5.3.4 background-repeat
- 'background-repeat'
- repeat
- repeat-x
- repeat-y
- no-repeat
- 5.3.5 background-attachment
- 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:
- 14.2 The background
- 14.2.1 Background properties:
- 'background-color'
- <color>
- transparent
- inherit
- 'background-image'
- 'background-repeat'
- repeat
- repeat-x
- repeat-y
- no-repeat
- inherit
- background-attachment'
- '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:
- 14.2 The background
- 14.2.1 Background properties:
- 'background-color'
- <color>
- transparent
- inherit
- 'background-image'
- 'background-repeat'
- repeat
- repeat-x
- repeat-y
- no-repeat
- inherit
- background-attachment'
- '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:
- 14.2 The background
- 14.2.1 Background properties:
- 'background-color'
- <color>
- transparent
- inherit
- 'background-image'
- 'background-repeat'
- repeat
- repeat-x
- repeat-y
- no-repeat
- inherit
- background-attachment'
- '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 |
|
15 Fonts |
|
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'
- 5.2.4 'font-variant'
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'
- 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)
- '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)
- 15.3.3 Descriptors for Font Data Qualification:
- 'unicode-range' (descriptor)
- 15.3.4 Descriptor for Numeric Values:
- 'units-per-em' (descriptor)
- 15.3.5 Descriptor for Referencing:
- 'src' (descriptor)
- <uri> [format(<string>
[, <string>]]
- <font-cace-name>
- 15.3.6 Descriptors for Matching:
- 'panose-1' (descriptor)
- 'stemv' (descriptor)
- 'stemh' (descriptor)
- 'slope' (descriptor)
- 'cap-height' (descriptor)
- 'x-height' (descriptor)
- 'ascent' (descriptor)
- 'descent' (descriptor)
- 15.3.7 Descriptors for Synthesis:
- 'widths' (descriptor)
- 'bbox' (descriptor)
- 'definition-src' (descriptor)
- 15.3.8 Descriptors for Alignment:
- 'baseline' (descriptor)
- 'centerline' (descriptor)
- 'mathline' (descriptor)
- 'topline' (descriptor)
- 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
- 15.3.1.2 sans-serif
- 15.3.1.3 cursive
- 15.3.1.4 fantasy
- 15.3.1.5 monospace
- 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>
- <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
- 15.3.1.2 sans-serif
- 15.3.1.3
- cursive
- 15.3.1.4 fantasy
- 15.3.1.5 monospace
- 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>
- <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 |
|
16 Text |
|
16 Text |
|
| | |
Speech Module |
| | |
|
|
|
|
|
| | |
| | |
|
- 5.4 Text properties
- 5.4.7 text-indent
- 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
- 5.4.1 word-spacing
- 5.4.5 text-transform
- 'text-transform'
- capitalize
- uppercase
- lowercase
- none
- 5.6 Classification properties
|
|
- 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'
- 'word-spacing'
- 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'
- 'word-spacing'
- 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'
- 'word-spacing'
- 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 |
|
17 Tables |
|
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
- 17.5 Visual layout of table contents
- 17.5.1 Table layers and transparency
- 17.5.2 Table width algorithms:
- 'table-layout'
- 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'
- 17.6.1 The separated borders model
- 'border-spacing'
- Borders around empty cells:
- 17.6.2 The collapsing border model
- Border conflict resolution
- 17.6.3 Border styles
- 17.7 Audio rendering of tables
|
|
- 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
- 17.5 Visual layout of table contents
- 17.5.1 Table layers and transparency
- 17.5.2 Table width algorithms:
- 'table-layout'
- 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'
- 17.6.1.1 Borders and Backgrounds around empty cells:
- 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
- 17.5 Visual layout of table contents
- 17.5.1 Table layers and transparency
- 17.5.2 Table width algorithms:
- 'table-layout'
- 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'
- 17.6.1.1 Borders and Backgrounds around empty cells:
- 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'
- 'outline-style'
- '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'
- 'outline-style'
- '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'
- 'outline-style'
- 'outline-color'
- invert
- <color>
- invert
- inherit
- 18.4.1Outlines and the focus
- 18.5 Magnification
|
| | | |
| | | |
|
| |
| |
| | | | | | |
| | | |
|
|
|
19 Aural style sheets |
|
Appendix A Aural Style Sheet |
|
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'
- 'cue-after'
- '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'
- 'stress'
- 'richness'
- 19.9 Speech properties:
- 'speak-punctuation'
- 'speak-numeral'
- digits
- continuous
- inherit
|
|
- A.1 The media types 'aural' and 'speech'
- A.2 Introduction to aural style sheets
- A.2.1 Angles
- A.2.2 Times
- A.2.3 Frequencies
- <frequency>
- Frequency units
- 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'
- 'cue-after'
- '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'
- 'stress'
- 'richness'
- A.10 Speech properties:
- 'speak-punctuation'
- 'speak-numeral'
- digits
- continuous
- inherit
- A.11 Audio rendering of tables
- 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
- A.2.2 Times
- A.2.3 Frequencies
- <frequency>
- Frequency units
- 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'
- 'cue-after'
- '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'
- 'stress'
- 'richness'
- A.10 Speech properties:
- 'speak-punctuation'
- 'speak-numeral'
- digits
- continuous
- inherit
- A.11 Audio rendering of tables
- 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
- A.2.2 Times
- A.2.3 Frequencies
- <frequency>
- Frequency units
- 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'
- 'cue-after'
- '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'
- 'stress'
- 'richness'
- A.10 Speech properties:
- 'speak-punctuation'
- 'speak-numeral'
- digits
- continuous
- inherit
- A.11 Audio rendering of tables
- 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 |
| | |
|
|
|
|
| | | |
| | |
|
|
|
|
|
|
|
|
| | |
| |
|
| |
| | | | | | | | | | | |
| | | |
|
|
|
|
|
|
|
|
| | | |
Web Animations |
| | |
|
|
|
|
| | | |
| | |
|
|
|
|
|
|
|
|
| | |
| |
|
| |
| | | | | | | | | | | |
| | | |
|
|
|
|
|
|
|
|
| | | |
Web Animations |
| | |
|
|
|
|
| | | |
| | |
|
|
|
|
|
|
|
|
| | |
| |
|
| |
| | | | | | | | | | | |
| | | |
|
|
|
|
|
|
|
|
| | | |
Web Animations |
| | |
|
|
|
|
| | | |
| | |
|
|
|
|
|
|
|
|
| | |
| |
|
| |
| | | | | | | | | | | |
| | | |
|
|
|
|
|
|
|
|
| | | |
Web Animations |
| | |
|
|
|
|
| | | |
| | |
|
|
|
|
|
|
|
|
| | |
| |
|
| |
| | | | | | | | | | | |
| | | |
|
|
|
|
|
|
|
|
| | | |
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 |
| | |
| | | | | | | | | | | |
|
| | |
| | | | | | | | | | | | | | | |