|
| ||||
| font-family |
[[<family-name> | <generic-family>],]* [<family-name>
| <generic-family>]
default: UA-specific |
all elements | yes | n/a |
| font-style | normal | italic | oblique | all elements | yes | n/a |
| font-variant | normal | small-caps | all elements | yes | n/a |
| font-weight | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | all elements | yes | n/a |
| font-size | <absolute-size>
| <relative-size> | <length> | <percentage> default: medium |
all elements | yes | relative to parent element's font size |
| font (shorthand property) |
[<font-style> || <font-variant> || <font-weight>]?
<font-size>
[/<line-height>]? <font-family> default: not defined | all elements | yes | allowed on <font-size> and <line-height> |
| color | <color> default: UA-specific | all elements | yes | n/a |
| background-color | transparent | <color> | all elements | no | n/a |
| background-image | none | <url> | all elements | no | n/a |
| background-repeat | repeat | repeat-x | repeat-y | no-repeat | all elements | no | n/a |
| background-attachment | scroll | fixed | all elements | no | n/a |
| background-position | [<percentage> | <length>]{1,2} |
[top | center | bottom] || [left | center | right] default: 0% 0% | block-level and replaced elements | no | refer to the size of the element itself |
| background (shorthand property) | <background-color> || <background-image> || <background-repeat>
|| <background-attachment> || <background-position> default: not defined | all elements | no | allowed on
<background- position> |
| word-spacing | normal | <length> | all elements | yes | n/a |
| letter-spacing | normal | <length> | all elements | yes | n/a |
| text-decoration | none | [underline || overline ||
line-through || blink] default: none | all elements | no | n/a |
| vertical-align | baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | inline elements | no | refer to the 'line-height' of the element itself |
| text-transform | none | capitalize | uppercase | lowercase | all elements | yes | n/a |
| text-align | left | right | center |
justify default: UA-specific | block-level elements | yes | n/a |
| text-indent | <length> | <percentage> default: 0 | block-level elements | yes | refer to parent element's width |
| line-height | normal | <number> | <length> | <percentage> | all elements | yes | relative to the font size of the element itself |
| margin-top | <length> | <percentage> |
auto default: 0 |
all elements | no | refer to parent element's width |
| margin-right | <length> | <percentage> |
auto default: 0 | all elements | no | refer to parent element's width |
| margin-bottom | <length> | <percentage> |
auto default: 0 | all elements | no | refer to parent element's width |
| margin-left | <length> | <percentage> |
auto default: 0 | all elements | no | refer to parent element's width |
| margin (shorthand property) | [<length> | <percentage> | auto]{1,4} default: not defined | all elements | no | refer to parent element's width |
| padding-top | <length> | <percentage> default: 0 | all elements | no | refer to parent element's width |
| padding-right | <length> | <percentage> default: 0 | all elements | no | refer to parent element's width |
| padding-bottom | <length> | <percentage> default: 0 | all elements | no | refer to parent element's width |
| padding-left | <length> | <percentage> default: 0 | all elements | no | refer to parent element's width |
| padding | [<length> |
<percentage>]{1,4} default: 0 | all elements | no | refer to parent element's width |
| border-top-width | medium | thin | thick | <length> | all elements | no | n/a |
| border-right-width | medium | thin | thick | <length> | all elements | no | n/a |
| border-bottom-width | medium | thin | thick | <length> | all elements | no | n/a |
| border-left-width | medium | thin | thick | <length> | all elements | no | n/a |
| border-width (shorthand property) | [thin | medium | thick | <length>]{1,4} default: not defined | all elements | no | n/a |
| border-color | <color>{1,4} default: the value of the 'color' property | all elements | no | n/a |
| border-style | none | dotted | dashed | solid | double | groove | ridge | inset | outset | all elements | no | n/a |
| border-top (shorthand property) | <border-top-width> || <border-style> || <color> default: not defined | all elements | no | n/a |
|
border-right (shorthand property) | <border-right-width> || <border-style> || <color> default: not defined | all elements | no | n/a |
| border-bottom (shorthand property) | <border-bottom-width> || <border-style> || <color> default: not defined | all elements | no | n/a |
| border-left (shorthand property) | <border-left-width> || <border-style> || <color> default: not defined | all elements | no | n/a |
| border (shorthand property) | <border-width> || <border-style> || <color> default: not defined | all elements | no | n/a |
| width | auto | <length> | <percentage> | block-level and replaced elements | no | refer to parent element's width |
| height | auto | <length> | block-level and replaced elements | no | n/a |
| float | none | left | right | all elements | no | n/a |
| clear | none | left | right | both | all elements | no | n/a |
| display | block | inline | list-item | none | all elements | no | n/a |
| white-space | normal | pre | nowrap | block-level elements | yes | n/a |
| list-style-type | disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | elements with 'display' value 'list-item' | yes | n/a |
| list-style-image | none | <url> | elements with 'display' value 'list-item' | yes | n/a |
| list-style-position | outside | inside | elements with 'display' value 'list-item' | yes | n/a |
| list-style (shorthand property) |
<keyword> || <position> || <url> default: not defined | elements with 'display' value 'list-item' | yes | n/a |
| position | static | absolute | relative | all elements | no | n/a |
| left | auto | <length> | <percentage> | elements with the 'position' property of type 'absolute' or 'relative' | no | refer to parent element's width and height. If parent's height is set to 'auto', percentage is undefined. |
| top | auto | <length> | <percentage> | elements with the 'position' property of type 'absolute' or 'relative' | no | refer to parent element's width and height. If parent's height is set to 'auto', percentage is undefined. |
| width | auto | <length> | <percentage> | block-level and replaced elements, elements with 'position' property value of 'absolute' | no | refer to parent element's width and height. If parent's height is 'auto', percentage of height is undefined |
| height | auto | <length> | <percentage> | block-level and replaced elements, elements with 'position' property value of 'absolute' | no | refer to parent element's width and height. If parent's height is 'auto', percentage of height is undefined |
| clip | auto | <st-style <shape> | elements with the 'position' property of type 'absolute' | no | n/a |
| overflow | visible | hidden | scroll | auto | elements with the 'position' property of type 'absolute' | no | n/a |
| z-index | auto | <integer> | positional elements | no | n/a |
| visibility | inherit | visible | hidden | all elements | if value is 'inherit' | n/a |