Property index

NameValuesInitial valueApplies 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-attachment' || 'background-position'] | inherit XX     allowed on 'background-position' visual
'background-attachment' 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
'caption-side' 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