Name | Values | Initial value | Applies to (Default: all) | Inherited? | Percentages (Default: N/A) | Media groups |
---|---|---|---|---|---|---|
'background' | ['background-color' || 'background-image' || 'background-repeat' || || 'background-position'] | inherit | see individual properties | no | allowed on 'background-position' | visual | |
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> || 'border-top-color' ] | inherit | see individual properties | no | visual | ||
'border-collapse' | collapse | separate | inherit | collapse | 'table' and 'inline-table' elements | yes | visual | |
'border-color' | [ <color> | transparent ]{1,4} | 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-width> || <border-style> || 'border-top-color' ] | inherit | see individual properties | no | visual | ||
'border-top-color' 'border-right-color' 'border-bottom-color' 'border-left-color' | <color> | transparent | 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 |
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> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit | empty string | :before and :after pseudo-elements | no | all | |
'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 | progress | inherit | auto | yes | visual, interactive | ||
'direction' | ltr | rtl | inherit | ltr | all elements, but see prose | yes | visual | |
'display' | inline | block | list-item | run-in | inline-block | 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 | ||
'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-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 | see individual properties | 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 | see individual properties | no | refer to width of containing block | visual | |
'margin-right' 'margin-left' | <margin-width> | inherit | 0 | no | refer to width of containing block | visual | |
'margin-top' 'margin-bottom' | <margin-width> | inherit | 0 | all elements but inline, non-replaced elements | no | refer to width of containing block | visual |
'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 |
'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 | see individual properties | 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-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 | |
'position' | static | relative | absolute | fixed | inherit | static | all elements, but not to generated content | no | visual | |
'property-name' | legal values & syntax | initial value | elements this property applies to | whether the property is inherited | how percentage values are interpreted | which media groups the property applies to |
'quotes' | [<string> <string>]+ | none | inherit | depends on user agent | yes | visual | ||
'right' | <length> | <percentage> | auto | inherit | auto | positioned elements | no | refer to width of containing block | visual |
'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 and table cells | 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-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 | ||
'white-space' | normal | pre | nowrap | inherit | normal | block-level elements | yes | visual | |
'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 |