| Fonts and Text |
|---|
| Style Property | Style Value |
|---|
| font-family | family-name | generic-family |
| font-size | absolute-size | relative-size | length | percentage |
| font-style | normal | italic | oblique |
| font-variant | normal | small-caps |
| font-weight | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
| font | font-style |font-variant | font-weight font-size/line-height | font-family |
| line-height | normal | _px | length | _% |
| letter-spacing | normal | length |
| word-spacing | normal | length |
| text-align | left | right | center | justify |
| vertical-align | baseline | sub | super | top | text-top | middle | bottom | text-bottom | percentage |
| text-decoration | none | underline | overline | line-through | blink |
| text-transform | none | capitalize | uppercase | lowercase |
| text-indent | length | percentage |
| Color and Background |
|---|
| Style Property | Style Value |
|---|
| color | color |
| background-color | transparent | color |
| background-image | none | url |
| background-repeat | repeat | repeat-x | repeat-y | no-repeat |
| background-attachment | scroll | fixed |
| background-position | percentage | length>{1,2} | top | center | bottom || left | center | right |
| background | background-color | background-image | background-repeat | background-attachment | background-position |
| Margin, Padding, Border |
|---|
| Style Property | Style Value |
|---|
| margin-top | length | percentage | auto |
| margin-right | length | percentage | auto |
| margin-bottom | length | percentage | auto |
| margin | length | percentage | auto {1,4} |
| padding-top | length | percentage |
| padding-right | length | percentage |
| padding-bottom | length | percentage |
| padding-left | length | percentage |
| padding | length | percentage {1,4} |
| border-top-width | medium | thin | thick | length |
| border-right-width | medium | thin | thick | length |
| border-bottom-width | medium | thin | thick | length |
| border-left-width | medium | thin | thick | length |
| border-width | thin | medium | thick | length]{1,4} |
| border-color | color{1,4} |
| border-style | none | dotted | dashed | solid | double | groove | ridge | inset | outset |
| border-top | border-top-width || border-style || color |
| border-right | border-right-width || border-style || color |
| border-bottom | border-bottom-width || border-style || color |
| border-left | border-left-width || border-style || color |
| border | border-width || border-style || color |
| Positioning and Displaying |
|---|
| Style Property | Style Value |
|---|
| position | static | absolute | relative |
| left | auto | length | percentage |
| top | auto | length | percentage |
| width | auto | length | percentage |
| height | auto | length | percentage |
| overflow | visible | hidden | scroll | auto |
| clip | auto | shape |
| visibility | inherit | visible | hidden |
| display | block | inline | list-item | none |
| float | none | left | right |
| clear | none | left | right | both |
| white-space | normal | pre | nowrap |
| z-index | auto | integer |
| List Formatting |
|---|
| Style Property | Style Value |
|---|
| list-style-type | disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none |
| list-style-image | none | url |
| list-style-position | outside | inside |
| list-style | keyword || position || url |
