| Name | Values | Initial value | Applies to
(Default: all) | Inherited? | Percentages
(Default: N/A) | Media groups
|
|---|
| 'azimuth'
| <angle> | [[ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards | inherit
| center
|
| yes
|
| aural
|
| 'background'
| ['background-color' || 'background-image' || 'background-repeat' || 'background-attachment' || 'background-position'] | inherit
| XX
|
| no
| allowed on 'background-position'
| visual
|
| 'background-attachment'
| scroll | fixed | inherit
| scroll
|
| no
|
| visual
|
| 'background-color'
| <color> | transparent | inherit
| transparent
|
| no
|
| visual
|
| 'background-image'
| <uri> | none | inherit
| none
|
| no
|
| visual
|
| 'background-position'
| [ [<percentage> | <length> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inherit
| 0% 0%
| block-level and replaced elements
| no
| refer to the size of the box itself
| visual
|
| 'background-repeat'
| repeat | repeat-x | repeat-y | no-repeat | inherit
| repeat
|
| no
|
| visual
|
| 'border'
| [ 'border-width' || 'border-style' || <color> ] | inherit
| see individual properties
|
| no
|
| visual
|
| 'border-collapse'
| collapse | separate | inherit
| collapse
| 'table' and 'inline-table' elements
| yes
|
| visual
|
| 'border-color'
| <color>{1,4} | transparent | inherit
| see individual properties
|
| no
|
| visual
|
| 'border-spacing'
| <length> <length>? | inherit
| 0
| 'table' and 'inline-table' elements
| yes
|
| visual
|
| 'border-style'
| <border-style>{1,4} | inherit
| see individual properties
|
| no
|
| visual
|
| 'border-top'
'border-right'
'border-bottom'
'border-left'
| [ 'border-top-width' || 'border-style' || <color> ] | inherit
| see individual properties
|
| no
|
| visual
|
| 'border-top-color'
'border-right-color'
'border-bottom-color'
'border-left-color'
| <color> | inherit
| the value of the 'color' property
|
| no
|
| visual
|
| 'border-top-style'
'border-right-style'
'border-bottom-style'
'border-left-style'
| <border-style> | inherit
| none
|
| no
|
| visual
|
| 'border-top-width'
'border-right-width'
'border-bottom-width'
'border-left-width'
| <border-width> | inherit
| medium
|
| no
|
| visual
|
| 'border-width'
| <border-width>{1,4} | inherit
| see individual properties
|
| no
|
| visual
|
| 'bottom'
| <length> | <percentage> | auto | inherit
| auto
| positioned elements
| no
| refer to height of containing block
| visual
|
| 'caption-side'
| top | bottom | left | right | inherit
| top
| 'table-caption' elements
| yes
|
| visual
|
| 'clear'
| none | left | right | both | inherit
| none
| block-level elements
| no
|
| visual
|
| 'clip'
| <shape> | auto | inherit
| auto
| block-level and replaced elements
| no
|
| visual
|
| 'color'
| <color> | inherit
| depends on user agent
|
| yes
|
| visual
|
| 'content'
| [ <string> | <uri> | <counter> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit
| empty string
| :before and :after pseudo-elements
| no
|
| all
|
| 'counter-increment'
| [ <identifier> <integer>? ]+ | none | inherit
| none
|
| no
|
| all
|
| 'counter-reset'
| [ <identifier> <integer>? ]+ | none | inherit
| none
|
| no
|
| all
|
| 'cue'
| [ 'cue-before' || 'cue-after' ] | inherit
| XX
|
| no
|
| aural
|
| 'cue-after'
| <uri> | none | inherit
| none
|
| no
|
| aural
|
| 'cue-before'
| <uri> | none | inherit
| none
|
| no
|
| aural
|
| '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 ] ] | inherit
| auto
|
| yes
|
| visual, interactive
|
| 'direction'
| ltr | rtl | inherit
| ltr
| all elements, but see prose
| yes
|
| visual
|
| 'display'
| inline | block | list-item | run-in | compact | marker | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit
| inline
|
| no
|
| all
|
| 'elevation'
| <angle> | below | level | above | higher | lower | inherit
| level
|
| yes
|
| aural
|
| 'empty-cells'
| show | hide | inherit
| show
| 'table-cell' elements
| yes
|
| visual
|
| 'float'
| left | right | none | inherit
| none
| all but positioned elements and generated content
| no
|
| visual
|
| 'font'
| [ [ 'font-style' || 'font-variant' || 'font-weight' ]? 'font-size' [ / 'line-height' ]? 'font-family' ] | caption | icon | menu | message-box | small-caption | status-bar | inherit
| see individual properties
|
| yes
| allowed on 'font-size' and 'line-height'
| visual
|
| 'font-family'
| [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>] | inherit
| depends on user agent
|
| yes
|
| visual
|
| 'font-size'
| <absolute-size> | <relative-size> | <length> | <percentage> | inherit
| medium
|
| yes, the computed value is inherited
| refer to parent element's font size
| visual
|
| 'font-size-adjust'
| <number> | none | inherit
| none
|
| yes
|
| visual
|
| 'font-stretch'
| normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit
| normal
|
| yes
|
| visual
|
| 'font-style'
| normal | italic | oblique | inherit
| normal
|
| yes
|
| visual
|
| 'font-variant'
| normal | small-caps | inherit
| normal
|
| yes
|
| visual
|
| 'font-weight'
| normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
| normal
|
| yes
|
| visual
|
| 'height'
| <length> | <percentage> | auto | inherit
| auto
| all elements but non-replaced inline elements, table columns, and column groups
| no
| see prose
| visual
|
| 'left'
| <length> | <percentage> | auto | inherit
| auto
| positioned elements
| no
| refer to width of containing block
| visual
|
| 'letter-spacing'
| normal | <length> | inherit
| normal
|
| yes
|
| visual
|
| 'line-height'
| normal | <number> | <length> | <percentage> | inherit
| normal
|
| yes
| refer to the font size of the element itself
| visual
|
| 'list-style'
| [ 'list-style-type' || 'list-style-position' || 'list-style-image' ] | inherit
| XX
| elements with 'display: list-item'
| yes
|
| visual
|
| 'list-style-image'
| <uri> | none | inherit
| none
| elements with 'display: list-item'
| yes
|
| visual
|
| 'list-style-position'
| inside | outside | inherit
| outside
| elements with 'display: list-item'
| yes
|
| visual
|
| 'list-style-type'
| disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | none | inherit
| disc
| elements with 'display: list-item'
| yes
|
| visual
|
| 'margin'
| <margin-width>{1,4} | inherit
| XX
|
| no
| refer to width of containing block
| visual
|
| 'margin-top'
'margin-right'
'margin-bottom'
'margin-left'
| <margin-width> | inherit
| 0
|
| no
| refer to width of containing block
| visual
|
| 'marker-offset'
| <length> | auto | inherit
| auto
| elements with 'display: marker'
| no
|
| visual
|
| 'marks'
| [ crop || cross ] | none | inherit
| none
| page context
| N/A
|
| visual, paged
|
| 'max-height'
| <length> | <percentage> | none | inherit
| none
| all elements except non-replaced inline elements and table elements
| no
| refer to height of containing block
| visual
|
| 'max-width'
| <length> | <percentage> | none | inherit
| none
| all elements except non-replaced inline elements and table elements
| no
| refer to width of containing block
| visual
|
| 'min-height'
| <length> | <percentage> | inherit
| 0
| all elements except non-replaced inline elements and table elements
| no
| refer to height of containing block
| visual
|
| 'min-width'
| <length> | <percentage> | inherit
| UA dependent
| all elements except non-replaced inline elements and table elements
| no
| refer to width of containing block
| visual
|
| 'orphans'
| <integer> | inherit
| 2
| block-level elements
| yes
|
| visual, paged
|
| 'outline'
| [ 'outline-color' || 'outline-style' || 'outline-width' ] | inherit
| see individual properties
|
| no
|
| visual, interactive
|
| 'outline-color'
| <color> | invert | inherit
| invert
|
| no
|
| visual, interactive
|
| 'outline-style'
| <border-style> | inherit
| none
|
| no
|
| visual, interactive
|
| 'outline-width'
| <border-width> | inherit
| medium
|
| no
|
| visual, interactive
|
| 'overflow'
| visible | hidden | scroll | auto | inherit
| visible
| block-level and replaced elements
| no
|
| visual
|
| 'padding'
| <padding-width>{1,4} | inherit
| XX
|
| no
| refer to width of containing block
| visual
|
| 'padding-top'
'padding-right'
'padding-bottom'
'padding-left'
| <padding-width> | inherit
| 0
|
| no
| refer to width of containing block
| visual
|
| 'page'
| <identifier> | auto
| auto
| block-level elements
| yes
|
| visual, paged
|
| 'page-break-after'
| auto | always | avoid | left | right | inherit
| auto
| block-level elements
| no
|
| visual, paged
|
| 'page-break-before'
| auto | always | avoid | left | right | inherit
| auto
| block-level elements
| no
|
| visual, paged
|
| 'page-break-inside'
| avoid | auto | inherit
| auto
| block-level elements
| yes
|
| visual, paged
|
| 'pause'
| [ [<time> | <percentage>]{1,2} ] | inherit
| depends on user agent
|
| no
| see descriptions of 'pause-before' and 'pause-after'
| aural
|
| 'pause-after'
| <time> | <percentage> | inherit
| depends on user agent
|
| no
| see prose
| aural
|
| 'pause-before'
| <time> | <percentage> | inherit
| depends on user agent
|
| no
| see prose
| aural
|
| 'pitch'
| <frequency> | x-low | low | medium | high | x-high | inherit
| medium
|
| yes
|
| aural
|
| 'pitch-range'
| <number> | inherit
| 50
|
| yes
|
| aural
|
| 'play-during'
| <uri> mix? repeat? | auto | none | inherit
| auto
|
| no
|
| aural
|
| 'position'
| static | relative | absolute | fixed | inherit
| static
| all elements, but not to generated content
| no
|
| visual
|
| 'quotes'
| [<string> <string>]+ | none | inherit
| depends on user agent
|
| yes
|
| visual
|
| 'richness'
| <number> | inherit
| 50
|
| yes
|
| aural
|
| 'right'
| <length> | <percentage> | auto | inherit
| auto
| positioned elements
| no
| refer to width of containing block
| visual
|
| 'size'
| <length>{1,2} | auto | portrait | landscape | inherit
| auto
| the page context
| N/A
|
| visual, paged
|
| 'speak'
| normal | none | spell-out | inherit
| normal
|
| yes
|
| aural
|
|
| once | always | inherit
| once
| elements that have table header information
| yes
|
| aural
|
| 'speak-numeral'
| digits | continuous | inherit
| continuous
|
| yes
|
| aural
|
| 'speak-punctuation'
| code | none | inherit
| none
|
| yes
|
| aural
|
| 'speech-rate'
| <number> | x-slow | slow | medium | fast | x-fast | faster | slower | inherit
| medium
|
| yes
|
| aural
|
| 'stress'
| <number> | inherit
| 50
|
| yes
|
| aural
|
| 'table-layout'
| auto | fixed | inherit
| auto
| 'table' and 'inline-table' elements
| no
|
| visual
|
| 'text-align'
| left | right | center | justify | <string> | inherit
| depends on user agent and writing direction
| block-level elements
| yes
|
| visual
|
| 'text-decoration'
| none | [ underline || overline || line-through || blink ] | inherit
| none
|
| no (see prose)
|
| visual
|
| 'text-indent'
| <length> | <percentage> | inherit
| 0
| block-level elements
| yes
| refer to width of containing block
| visual
|
| 'text-shadow'
| none | [<color> || <length> <length> <length>? ,]* [<color> || <length> <length> <length>?] | inherit
| none
|
| no (see prose)
|
| visual
|
| 'text-transform'
| capitalize | uppercase | lowercase | none | inherit
| none
|
| yes
|
| visual
|
| 'top'
| <length> | <percentage> | auto | inherit
| auto
| positioned elements
| no
| refer to height of containing block
| visual
|
| 'unicode-bidi'
| normal | embed | bidi-override | inherit
| normal
| all elements, but see prose
| no
|
| visual
|
| 'vertical-align'
| baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit
| baseline
| inline-level and 'table-cell' elements
| no
| refer to the 'line-height' of the element itself
| visual
|
| 'visibility'
| visible | hidden | collapse | inherit
| inherit
|
| no
|
| visual
|
| 'voice-family'
| [[<specific-voice> | <generic-voice> ],]* [<specific-voice> | <generic-voice> ] | inherit
| depends on user agent
|
| yes
|
| aural
|
| 'volume'
| <number> | <percentage> | silent | x-soft | soft | medium | loud | x-loud | inherit
| medium
|
| yes
| refer to inherited value
| aural
|
| 'white-space'
| normal | pre | nowrap | inherit
| normal
| block-level elements
| yes
|
| visual
|
| 'widows'
| <integer> | inherit
| 2
| block-level elements
| yes
|
| visual, paged
|
| 'width'
| <length> | <percentage> | auto | inherit
| auto
| all elements but non-replaced inline elements, table rows, and row groups
| no
| refer to width of containing block
| visual
|
| 'word-spacing'
| normal | <length> | inherit
| normal
|
| yes
|
| visual
|
| 'z-index'
| auto | <integer> | inherit
| auto
| positioned elements
| no
|
| visual
|
