CSS demonstration
Text
| color | navy | |
| direction | ltr | rtl | |
| letter-spacing | normal | 0.1em | |
| text-align | left | center | right | justify | |
| text-decoration | none | underline | overline | line-through | blink |
| text-indent | 1em | 5% | |
| text-transform | none | capitalize | uppercase | lowercase | |
| word-spacing | normal (…text) | 1em (…text) | |
Font
| font-family | serif | sans-serif | cursive | fantasy | monospace | |
| font-size | xx-small | x-small | smaller | small | medium | larger | large | x-large | xx-large |
| 1.1em | 120% | 15px | 12pt | |
| 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 |
Border
| border-color | navy |
| border-style (3px thick) | none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset |
| border-width | thin | medium | thick | 3px |
List
| list-style-image | | |
| list-style-position | - inside
inside - inside
inside
| - outside
outside - outside
outside
| |
| list-style-type |
|
|
|
|
|
- decimal
|
- decimal-leading-zero
|
|
- lower-roman
|
- upper-roman
|
- alpha
|
- upper-alpha
|
- lower-greek
|
- lower-latin
|
- upper-latin
|
- hebrew
|
- armenian
|
- georgian
|
- cjk-ideographic
|
- hiragana
|
- katakana
|
- hiragana-iroha
|
- katakana-iroha
|
| marker-offset | | | |
|---|
Classification
Hold your mouse cursor over the values to see the pointer change.
| cursor | auto | crosshair | default | pointer | move | text | wait | help |
| e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize |
