Links in the table will take you to the corresponding section of W3C's CSS 2 specs.
| Boxing & Borders | |||||
|---|---|---|---|---|---|
| property: | values: | initial value: | applies to: | inherited: | %values: |
| margin | [<length> | <percentage> | auto]{1,4} | inherit | 0 | all elements | no | refer to width of containing block |
| margin-top, margin-right, margin-bottom, margin-left | <length> | <percentage> | auto | inherit | 0 | all elements | no | refer to width of containing block |
| padding | [<length> | <percentage>]{1,4} | inherit | 0 | all elements | no | refer to width of containing block |
| padding-top, padding-right, padding-bottom, padding-left | <length> | <percentage> | inherit | 0 | all elements | no | refer to width of containing block |
| border | [<'border-width'> || <'border-style'> || <color>] | inherit | - | all elements | no | - |
| border-width | [thin | medium | thick | <length>]{1,4} | inherit | - | all elements | no | - |
| border-color | <color>{1,4} | transparent | inherit | the value of the 'color' property | all elements | no | - |
| border-style | [none | dotted | dashed | solid | double | groove | ridge | inset | outset]{1,4} | inherit | - | all elements | no | - |
| border-top, border-right, border-bottom, border-left | [<'border-top-width'> || <'border-style'> || <color>] | inherit | - | all elements | no | - |
| border-top-color, border-right-color, border-bottom-color, border-left-color | <color> | transparent | inherit | the value of the 'color' property | all elements | no | - |
| border-top-style, border-right-style, border-bottom-style, border-left-style | <border-style> | inherit | - | all elements | no | - |
| border-top-width, border-right-width, border-bottom-width, border-left-width | [medium | thin | thick | <length>] | inherit | medium | all elements | no | - |
| Visual formatting | |||||
| property: | values: | initial value: | applies to: | inherited: | %values: |
| display | block | inline | list-item | none | 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 | inherit | inline | all elements | no | - |
| position | static | relative | absolute | fixed | inherit | static | all elements | no | - |
| top, right, bottom, left | <length> | <percentage> | auto | inherit | auto | positioned elements | no | refer to height of containing block |
| float | left | right | none | inherit | none | all elements | no | - |
| clear | none | left | right | both | inherit | none | block-level elements | no | - |
| z-index | auto | <integer> | inherit | auto | positioned elements | no | - |
| direction | ltr | rtl | inherit | ltr | all elements | yes | - |
| unicode-bidi | normal | embed | bidi-override | inherit | normal | all elements | - | - |
| Visual formatting details | |||||
| property: | values: | initial value: | applies to: | inherited: | %values: |
| 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 |
| height | <length> | <percentage> | auto | inherit | auto | all elements but non-replaced inline elements, table columns, and column groups | no | [see prose] refer to parent element's width and height. If parent's height is 'auto', percentage of height is undefined |
| min-width | <length> | <percentage> | inherit | UA-specific | (3) | no | refer to width of containing block |
| max-width | <length> | <percentage> | none | inherit | none | all elements except non-replaced inline elements and table elements (3) | no | refer to height/width of containing block |
| min-height | <length> | <percentage> | inherit | 0 | (3) | no | refer to height of containing block |
| max-height | <length> | <percentage> | none | inherit | none | all elements except non-replaced inline elements and table elements (3) | no | refer to height/width of containing block |
| vertical-align | baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit | baseline | inline elements and 'table-cell' elements | no | refer to the 'line-height' of the element itself |
| line-height | normal | <number> | <length> | <percentage> | inherit | normal | all elements | yes | relative to the font size of the element itself |
| Visual effects | |||||
| clip | <shape> | auto | inherit | auto | block-level and replaced elements | no | - |
| overflow | visible | hidden | scroll | auto | inherit | visible | block-level and replaced elements | næh | - |
| visibility | visible | hidden | collapse | inherit | inherit | all elements | (if value is 'inherit')? | - |
| Generated content, numbering & lists | |||||
| property: | values: | initial value: | applies to: | inherited: | %values: |
| 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 | - |
| quotes | [<string> <string>]+ | none | inherit | UA-specific | all elements | - | - |
| counter-reset | [<identifier> <integer>?]+ | none | inherit | none | - | - | - |
| counter-increment | [<identifier> <integer>?]+ | none | inherit | none | - | - | - |
| marker-offset | <length> | auto | inherit | auto | elements w/'display: marker' | no | - |
| list-style | [<'list-style-type'> || <'list-style-position'> || <'list-style-image'>] | inherit | - | list-item elements | yes | - |
| list-style-type | disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-alpha | upper-alpha | lower-greek | lower-latin | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | hiragana-iroha | katakana | katakana-iroha | none | inherit | disc | list-item elements | yes | - |
| list-style-image | <uri> | none | inherit | none | list-item elements | yes | - |
| list-style-position | inside | outside | inherit | outside | list-item elements | yes | - |
| Paged media | |||||
| property: | values: | initial value: | applies to: | inherited: | %values: |
| page | <identifier> | auto | auto | block-level elements | yes | - |
| size | <length>{1,2} | auto | portrait | landscape | inherit | auto | page context | - | - |
| page-break-after | auto | always | avoid | left | right | inherit | auto | block-level elements | no | - |
| page-break-before | auto | always | avoid | left | right | inherit | auto | block-level elements | no | - |
| page-break-inside | avoid | auto | inherit | auto | block-level elements | yes | - |
| orphans | <integer> | inherit | 2 | block-level elements | yes | - |
| widows | <integer> | inherit | 2 | block-level elements | yes | - |
| marks | [crop || cross] | none | inherit | none | page context | ... | - |
| Color & Background | |||||
| property: | values: | initial value: | applies to: | inherited: | %values: |
| color | <color> | inherit <color>: black ~ #000000 | UA-specific | all elements | yes | - |
| background-color | <color> | transparent | inherit | transparent | all elements | no | - |
| background-image | <uri> | none | inherit <uri>: url(/graphics/some_image.gif) | none | all elements | no | - |
| background-repeat | repeat | repeat-x | repeat-y | no-repeat | inherit | repeat | all elements | no | - |
| background-attachment | scroll | fixed | inherit | scroll | all elements | no | - |
| 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 |
| background | [<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>] | inherit | - | all elements | no | allowed on <'background-position'> |
| Font | |||||
| property: | values: | initial value: | applies to: | inherited: | %values: |
| font-family | [<family-name> | <generic-family>] | inherit | - | all elements | yes | - |
| font-size | <absolute-size> | <relative-size> | <length> | <percentage> | inherit | medium | all elements | the computed value is inherited | relative to parent element's font size |
| font-weight | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit | normal | all elements | yes | - |
| font-style | normal | italic | oblique | inherit | normal | all elements | yes | - |
| font-variant | normal | small-caps | inherit | normal | all elements | yes | - |
| font | [[<'font-style'> || <'font-variant'> || <'font-weight'>]? <'font-size'> [/<'line-height'>]? <'font-family'>] | caption | icon | menu | message-box | small-caption | none | inherit | - | all elements | yes | allowed on <font-size> and <line-height> |
| font-size-adjust | <number> | none | inherit | none | all elements | yes | - |
| font-stretch | normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit | normal | all elements | yes | - |
| Text | |||||
| property: | values: | initial value: | applies to: | inherited: | %values: |
| text-indent | <length> | <percentage> | inherit | 0 | block-level elements | yes | refer to width of containing block |
| text-align | left | right | center | justify | <string> | inherit | (UA-specific) | block-level elements | yes | - |
| text-decoration | none | [underline || overline || line-through || blink] | inherit | none | all elements | no (see txt) | - |
| text-shadow | none | [<color> || <length><length><length>?,]*[<color> || <length><length><length>?] | inherit | none | ? | no | - |
| letter-spacing | normal | <length> | inherit | normal | all elements | yes | - |
| word-spacing | normal | <length> | inherit | normal | all elements | yes | - |
| text-transform | capitalize | uppercase | lowercase | none | inherit | none | all elements | yes | - |
| white-space | normal | pre | nowrap | inherit | normal | block-level elements | yes | - |
| Things table | |||||
| property: | values: | initial value: | applies to: | inherited: | %values: |
| caption-side | top | bottom | left | right | inherit | top | table-caption | no | - |
| empty-cells | show | hide | inherit | show | table-cell elements | yes | - |
| table-layout | auto | fixed | inherit | auto | table/inline-table | - | - |
| border-collapse | collapse | separate | inherit | collapse | table/inline-table | yes | - |
| border-spacing | <length> <length>? | inherit | 0 | table/inline-table | yes | - |
| UI | |||||
| property: | values: | initial value: | applies to: | inherited: | %values: |
| 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 | tja |
| outline | [<'outline-color'> || <'outline-style'> || <'outline-width'>] | inherit | - | all elements | næh | - |
| outline-color | <color> | invert | inherit | invert | all elements | - | - |
| outline-style | <border-style> | inherit | none | all elements | - | - |
| outline-width | <border-width> | inherit | medium | all elements | - | - |