Legend: | means or [] means optional
| FONT | |||
| font: | |||
| font-weight font-style font-size / line-height font-family | |||
| font-family: | |||
| serif | sans-serif | cursive | fantasy | monospace | |||
| font-size: | |||
| xx-small | x-small | small | smaller | medium | large | larger | x-large | xx-large | ... 10 | 12 | 14 | 16 ... |
... 50% | 100% | 200% | 300% ... |
|
| font-style: | |||
| normal | italic | oblique | |||
| font-variant: | |||
| normal | small-caps | |||
| font-weight: | |||
| normal | bold | bolder | light | lighter | 100 | 200 | 300 | 400 | ... | ||
| line-height: | |
| value | |
| TEXT | |
| text-align: | |
| left | right | center | justify | |
| text-decoration: | |
| none | underline | overline | line-through | blink | |
| text-indent: | |
| value | percentage | |
| text-transform: | |
| capitalize | uppercase | lowercase | none | |
| vertical-align: | |
| sub | super | |
| white-space: | |
| normal | pre | nowrap | |
| word-spacing: | |
| value | |
| BORDER | |
| border: | |
| border-width border-style color | |
| border-bottom: | |
| border-width border-style color | |
| border-top: | |
| border-width border-style color | |
| border-left: | |
| border-width border-style color | |
| border-right: | |
| border-width border-style color | |
| border-color: | |
| color1 [color2] [color3] [color4] | |
| border-style: | |
| none | dotted | dashed | solid | double | groove | ridge | inset | outset | |
| border-width: | |
| thin | medium | thick [thin | medium |
thick] [thin | medium | thick] [thin | medium | thick] |
|
| PADDING | |
| padding: | |
| value | percentage [ value | percentage ] [ value | percentage ] [ value | percentage ] | |
| padding-top: | |
| value | percentage | |
| padding-bottom: | |
| value | percentage | |
| padding-left: | |
| value | percentage | |
| padding-right: | |
| value | percentage | |
| PAGE BREAK | |
| page-break-after: | |
| auto | always | left | right | |
| POSITION | |
| position: | |
| absolute | relative | static | |
| CURSOR | |
| cursor: | |
| auto | crosshair | default | hand | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | |
| COLOR | ||
| color: | ||
| natural language #RRGGBB rgb decimal rgb percantage |
{ color: green } { color: #00FF00 } { color: rgb(0,255,0)} { color: rgb(0,100,0)} |
|
| background-color: | |
| color | transparent | |
| MARGIN | |
| margin: | |
| value | percentage | auto
[value | percentage | auto] [value | percentage | auto] [value | percentage | auto] |
|
| The order is: top,right,bottom,left | |
| UNITS | |
| Relative (for values): | |
| px - one pixel ex - the height of x em - the height of the current font percentage |
|
| Absolute (for values): | |
| pt - points (1 inch =
72 points) pc - picas (1 inch = 6 picas) in - inches cm - centimeters mm - milimiters |
|
| IMAGE | ||
| Opacity: | ||
| IE Mozilla |
filter:alpha(opacity=0..100) -moz-opacity:0.0..1.0 |
|