Web dev, technophile, dog walker
| Box | |||
|---|---|---|---|
| Property | Possible Values | Applies To | Inherited |
| border | [+] width style <color> | All | No |
| border-bottom | [+] width style <color> | All | No |
| border-bottom-color | <color> | All | No |
| border-bottom-style | none | dotted | dashed | solid | double | groove | ridge | inset | outset | All | No |
| border-bottom-width | thin | medium | thick | <length> | All | No |
| border-color | [+] top right bottom left | All | No |
| border-left | [+] width style <color> | All | No |
| border-left-color | <color> | All | No |
| border-left-style | none | dotted | dashed | solid | double | groove | ridge | inset | outset | All | No |
| border-left-width | thin | medium | thick | <length> | All | No |
| border-right | [+] width style <color> | All | No |
| border-right-color | <color> | All | No |
| border-right-style | none | dotted | dashed | solid | double | groove | ridge | inset | outset | All | No |
| border-right-width | thin | medium | thick | <length> | All | No |
| border-style | top right bottom left | All | No |
| border-top | [+] width style <color> | All | No |
| border-top-color | <color> | All | No |
| border-top-style | none | dotted | dashed | solid | double | groove | ridge | inset | outset | All | No |
| border-top-width | thin | medium | thick | <length> | All | No |
| border-width | [+] top right bottom left | All | No |
| clear | none | left | right | both | All | No |
| float | left | right | none | All | No |
| margin | [+] top right bottom left | All | No |
| margin-bottom | <length> | <percentage> | auto | All | No |
| margin-left | <length> | <percentage> | auto | All | No |
| margin-right | <length> | <percentage> | auto | All | No |
| margin-top | <length> | <percentage> | auto | All | No |
| padding | [+] top right bottom left | All | No |
| padding-bottom | <length> | <percentage> | All | No |
| padding-left | <length> | <percentage> | All | No |
| padding-right | <length> | <percentage> | All | No |
| padding-top | <length> | <percentage> | All | No |
| width | <length> | <percentage> | auto | Block-level | No |
| Color And Background | |||
|---|---|---|---|
| Property | Possible Values | Applies To | Inherited |
| background | [+] <color> image repeat attachment position | All | No |
| background-attachment | scroll | fixed | All | No |
| background-color | <color> | transparent | All | No |
| background-image | <url> | none | All | No |
| background-position | [ <percentage> | <length> ]{1,2} | [top | center | bottom] || [left | center | right] | Block-level | No |
| background-repeat | repeat | repeat-x | repeat-y | no-repeat | All | No |
| color | <color> | All | Yes |
| CLASSIFICATION | |||
|---|---|---|---|
| Property | Possible Values | Applies To | Inherited |
| display | block | inline | list-item | none | All | No |
| list-style | [+] type position image | list-item | Yes |
| list-style-image | <url> | none | list-item | Yes |
| list-style-position | inside | outside | list-item | Yes |
| list-style-type | disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | list-item | Yes |
| white-space | normal | pre | nowrap | Block-level | Yes |
| FONT | |||
|---|---|---|---|
| Property | Possible Values | Applies To | Inherited |
| font | [+] style variant weight size height family | All | Yes |
| font-family | <family name>,<generic family> Generic families: serif (example), sans-serif (example), cursive (example), fantasy (example), monospace (example) |
All | Yes |
| font-size | <absolute-size> | <relative-size> | <length> | <percentage> Absolute size: xx-small | x-small | small | medium | large | x-large | xx-large Relative size: larger | smaller |
All | Yes |
| font-stretch | normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | All | Yes |
| font-style | normal | italic | oblique | All | Yes |
| font-variant | normal | small-caps | All | Yes |
| font-weight | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | All | Yes |
| GENERATE | |||
|---|---|---|---|
| Property | Possible Values | Applies To | Inherited |
| content | [ <string> | <uri> | <counter> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | :before and :after pseudo-elements |
No |
| counter-increment | [ <identifier> <integer>? ]+ | none | All | No |
| counter-reset | [ <identifier> <integer>? ]+ | none | All | No |
| marker-offset | <length> | auto | marker | No |
| TABLES | |||
|---|---|---|---|
| Property | Possible Values | Applies To | Inherited |
| border-collapse | collapse | separate | table and inline-table | Yes |
| border-spacing | <length> <length>? | table and inline-table | Yes |
| caption-side | top | bottom | left | right | table-caption | Yes |
| empty-cells | show | hide | table-cell | Yes |
| table-layout | auto | fixed | table and inline-table | No |
| TEXT | |||
|---|---|---|---|
| Property | Possible Values | Applies To | Inherited |
| letter-spacing | normal | <length> | All | Yes |
| line-height | normal | <number> | <length> | <percentage> | All | Yes |
| text-align | left | right | center | justify | Block-level | Yes |
| text-decoration | none | [ underline || overline || line-through || blink ] | All | No |
| text-indent | <length> | <percentage> | Block-level | Yes |
| text-shadow | none | [<color> || <length> <length> <length>? ,]* [<color> || <length> <length> <length>?] | All | No |
| text-transform | none | capitalize | uppercase | lowercase | All | Yes |
| word-spacing | normal | <length> | All | Yes |
| VISUAL | |||
|---|---|---|---|
| Property | Possible Values | Applies To | Inherited |
| bottom | <length> | <percentage> | auto | Positioned elements | No |
| clip | <shape> | auto | Block-level | No |
| 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 ] ] | All | Yes |
| direction | ltr | rtl | All | Yes |
| height | <length> | auto | Block-level | No |
| left | <length> | <percentage> | auto | Positioned elements | No |
| max-height | <length> | <percentage> | none | All (except non-replaced inline and table) | No |
| max-width | <length> | <percentage> | none | All (except non-replaced inline and table) | No |
| min-height | <length> | <percentage> | All (except non-replaced inline and table) | No |
| min-width | <length> | <percentage> | All (except non-replaced inline and table) | No |
| outline | [+] <color> style width | All | No |
| outline-color | <color> | invert | All | No |
| outline-style | none | dotted | dashed | solid | double | groove | ridge | inset | outset | All | No |
| outline-width | thin | medium | thick | <length> | All | No |
| overflow | visible | hidden | scroll | auto | Block-level | No |
| position | static | relative | absolute | fixed | All (except generated) | No |
| quotes | [<string> <string>]+ | none | All | Yes |
| right | <length> | <percentage> | auto | Positioned elements | No |
| top | <length> | <percentage> | auto | Positioned elements | No |
| unicode-bidi | normal | embed | bidi-override | All | No |
| vertical-align | baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | Inline | No |
| visibility | visible | hidden | collapse | All | No |
| z-index | auto | <integer> | Positioned elements | No |