Name | Values | Initial value | Applies to (Default: all) | Inherited? (Default: no) | 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-position'] | inherit | XX | allowed on 'background-position' | visual | ||
scroll | fixed | inherit | scroll | visual | ||||
'background-color' | <color> | transparent | inherit | transparent | visual | |||
'background-image' | <uri> | none | inherit | none | visual | |||
'background-position' | [ [<percentage> | <length> ]{1,2} | [top | center | bottom] || [left | center | right] ] | inherit | 0% 0% | block-level and replaced elements | refer to the size of the element itself | visual | |
'background-repeat' | repeat | repeat-x | repeat-y | no-repeat | inherit | repeat | visual | |||
'border' | [ 'border-width' || 'border-style' || <color> ] | inherit | see individual properties | visual | |||
'border-bottom' | [ 'border-bottom-width' || 'border-style' || <color> ] | inherit | see individual properties | visual | |||
'border-bottom-color' | <color> | inherit | the value of the 'color' property | visual | |||
'border-bottom-style' | <border-style> | inherit | none | visual | |||
'border-bottom-width' | <border-width> | inherit | medium | visual | |||
'border-collapse' | collapse | separate | separate | 'table' elements | visual | ||
'border-color' | <color>{1,4} | inherit | see individual properties | visual | |||
'border-left' | [ 'border-left-width' || 'border-style' || <color> ] | inherit | see individual properties | visual | |||
'border-left-color' | <color> | inherit | the value of the 'color' property | visual | |||
'border-left-style' | <border-style> | inherit | none | visual | |||
'border-left-width' | <border-width> | inherit | medium | visual | |||
'border-right' | [ 'border-right-width' || 'border-style' || <color> ] | inherit | see individual properties | visual | |||
'border-right-color' | <color> | inherit | the value of the 'color' property | visual | |||
'border-right-style' | <border-style> | inherit | none | visual | |||
'border-right-width' | <border-width> | inherit | medium | visual | |||
'border-style' | <border-style>{1,4} | inherit | see individual properties | visual | |||
'border-top' | [ 'border-top-width' || 'border-style' || <color> ] | inherit | see individual properties | visual | |||
'border-top-color' | <color> | inherit | the value of the 'color' property | visual | |||
'border-top-style' | <border-style> | inherit | none | visual | |||
'border-top-width' | <border-width> | inherit | medium | visual | |||
'border-width' | <border-width>{1,4} | inherit | see individual properties | visual | |||
'bottom' | <length> | <percentage> | auto | inherit | auto | refer to height of containing block | visual | ||
top | bottom | inherit | top | caption elements | yes | visual | ||
'cell-spacing' | none | <length> <length>? | inherit | none | table | yes | visual | |
'clear' | none | left | right | both | inherit | none | block-level elements | visual | ||
'clip' | <shape> | auto | inherit | auto | elements with the 'position' property set to 'absolute' | visual | ||
'color' | <color> | inherit | depends on user agent | yes | visual | ||
'column-span' | <integer> | inherit | 1 | cell, column, and column-group elements | visual | ||
'content' | [ <string> | <uri> | <counter> ]+ | inherit | empty string | :before and :after | all | ||
'cue' | [ 'cue-before' || 'cue-after' ] | inherit | XX | aural | |||
'cue-after' | <uri> | none | inherit | none | aural | |||
'cue-before' | <uri> | none | inherit | none | aural | |||
'cursor' | [ [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ] || <uri>? ] | inherit | auto | yes | visual | ||
'direction' | ltr | rtl | ltr-override | rtl-override | inherit | ltr | yes | visual | ||
'display' | inline | block | list-item | none | run-in | compact | table | inline-table| table-row-group | table-column-group | table-header-group | table-footer-group | table-row | table-cell | table-caption | inherit | inline | visual | |||
'elevation' | <angle> | below | level | above | higher | lower | inherit | level | yes | aural | ||
'float' | left | right | none | inherit | none | elements that are not positioned absolutely | visual | ||
'font' | [ [ 'font-style' || 'font-variant' || 'font-weight' ]? 'font-size' [ / 'line-height' ]? 'font-family' ] | caption | icon | menu | messagebox | smallcaption | statusbar | 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 | relative to parent element's font size | visual | |
'font-size-adjust' | z | none | inherit | none | yes, but not adjusted values | relative to parent element's font size | 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 | see prose | visual | |
'left' | <length> | <percentage> | auto | inherit | auto | refer to width of containing block | visual | ||
'letter-spacing' | normal | <length> | auto | inherit | normal | yes | visual | ||
'line-height' | normal | <number> | <length> | <percentage> | inherit | normal | yes | relative to the font size of the element itself | visual | |
'list-style' | [ 'list-style-type' || 'list-style-position' || 'list-style-image' ] | inherit | XX | elements with the 'display' property set to 'list-item' | yes | visual | |
'list-style-image' | <uri> | none | inherit | none | elements with the 'display' property set to 'list-item' | yes | visual | |
'list-style-position' | inside | outside | inherit | outside | elements with the 'display' property set to 'list-item' | yes | visual | |
'list-style-type' | disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | inherit | disc | elements with the 'display' property set to 'list-item' | yes | visual | |
'margin' | <margin-width>{1,4} | inherit | XX | refer to width of containing block | visual | ||
'margin-bottom' | <margin-width> | inherit | 0 | refer to width of containing block | visual | ||
'margin-left' | <margin-width> | inherit | 0 | refer to width of containing block | visual | ||
'margin-right' | <margin-width> | inherit | 0 | refer to width of containing block | visual | ||
'margin-top' | <margin-width> | inherit | 0 | refer to width of containing block | visual | ||
'marks' | crop || cross | none | inherit | none | page context | N/A | visual, paged | |
'max-height' | <length> | <percentage> | inherit | 100% | all | refer to parent's height | visual | |
'max-width' | <length> | <percentage> | inherit | 100% | all | refer to parent's width | visual | |
'min-height' | <length> | <percentage> | inherit | 0 | all | refer to parent's height | visual | |
'min-width' | <length> | <percentage> | inherit | 0 | all | refer to parent's width | visual | |
'orphans' | <integer> | inherit | 2 | block-level elements | yes | visual, paged | |
'overflow' | visible | hidden | scroll | auto | inherit | visible | elements with the 'position' property set to 'absolute' | visual | ||
'padding' | <padding-width>{1,4} | inherit | XX | refer to width of containing block | visual | ||
'padding-bottom' | <padding-width> | inherit | 0 | refer to width of containing block | visual | ||
'padding-left' | <padding-width> | inherit | 0 | refer to width of containing block | visual | ||
'padding-right' | <padding-width> | inherit | 0 | refer to width of containing block | visual | ||
'padding-top' | <padding-width> | inherit | 0 | refer to width of containing block | visual | ||
'page-break-after' | auto | always | avoid | left | right | inherit | auto | block-level and inline elements except those in tables | visual, paged | ||
'page-break-before' | auto | always | avoid | left | right | inherit | auto | block-level and inline elements except those in tables | visual, paged | ||
'pause' | [ [<time> | <percentage>]{1,2} ] | inherit | depends on user agent | see descriptions of 'pause-before' and 'pause-after' | aural | ||
'pause-after' | <time> | <percentage> | inherit | depends on user agent | see prose | aural | ||
'pause-before' | <time> | <percentage> | inherit | depends on user agent | 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 | aural | |||
'position' | normal | relative | absolute | fixed | inherit | normal | elements that generate absolutely positioned and floated boxes | visual | ||
'richness' | <number> | inherit | 50 | yes | aural | ||
'right' | <length> | <percentage> | auto | inherit | auto | refer to width of containing block | visual | ||
'row-span' | <integer> | inherit | 1 | cell elements | visual | ||
'size' | <length>{1,2} | auto | portrait | landscape | inherit | auto | page context | N/A | visual, paged | |
'speak' | normal | none | spell-out | inherit | normal | yes | aural | ||
'speak-date' | mdy | dmy | ymd | inherit | depends on user agent | yes | aural | ||
'speak-header' | once | always | inherit | once | header cells | yes | visual | |
'speak-numeral' | digits | continuous | none | inherit | none | yes | aural | ||
'speak-punctuation' | code | none | inherit | none | yes | aural | ||
'speak-time' | 24 | 12 | 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 | auto | 'table' elements | visual | ||
'text-align' | left | right | center | justify | inherit | depends on user agent | 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 parent element's width | visual |
'text-shadow' | none | [<color> || <length> <length> <length>? ,]* [<color> || <length> <length> <length>?] | inherit | none | all | no (see prose) | visual | |
'text-transform' | capitalize | uppercase | lowercase | none | inherit | none | yes | visual | ||
'top' | <length> | <percentage> | auto | inherit | auto | refer to height of containing block | visual | ||
'vertical-align' | baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit | baseline | inline elements | refer to the 'line-height' of the element itself | visual | |
'visibility' | inherit | visible | hidden | inherit | if value is 'inherit' | 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 | relative 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 | refer to width of containing block | visual | |
'word-spacing' | normal | <length> | inherit | normal | yes | visual | ||
'z-index' | auto | <integer> | inherit | auto | elements that generate absolutely and relatively positioned boxes | visual |