Property | Values |
Font Controls | |
font-family | [family-name] serif sans-serif cursive fantasy monospace |
font-style | normal italic oblique |
font-variant | normal small-caps |
font-weight | normal bold bolder lighter 100 - 900 |
font-size | [length] [percentage] smaller larger xx-small x-small small medium large x-large xx-large |
font | [font-style] [font-variant] [font-weight] [font-size] / [lineheight] [font-family] |
Text Controls | |
word-spaceing | normal [length] |
letter-spaceing | normal [length] |
vertical-align | baseline [percentage] sub super top text-top middle bottom text-bottom |
line-height | normal [number] [length] [percentage] |
text-decoration | none underline overline line-through blink |
text-transform | none capitalize uppercase lowercase |
text-align | left right center justify |
text-indent | [length] [percentage] |
white-space | normal pre nowrap |
List Controls | |
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 | [list-style-type] [list-style-image] [list-style-position] |
Mouse Controls | |
cursor | auto crosshair pointer hand (same as pointer; IE only) move n-resize ne-resize e-resize se-resize s-resize sw-resize w-resize nw-resize text wait help |
Color and Background Controls | |
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] top center bottom left center right |
background | [background-color] [background-image] [background-repeat] [background-attachment] [background-position] |
Margin Controls | |
margin-top, right, bottom, left | [length] [percentage] auto |
margin | [length] [percentage] auto |
padding-top, right, bottom, left | [length] [percentage] |
padding | [length] [percentage] |
width | auto [length] [percentage] |
height | auto [length] |
float | none left right |
clear | none left right both |
display | block inline list-item none |
Border Controls | |
border-color | [color] |
border-style | none dotted dashed solid double groove ridge inset outset |
border-top, right, bottom, left-width | medium [length] thin thick |
border-width | medium [length] thin thick |
border-top, right, bottom, left | [border-width] [border-style] [color] |
border | [border-width] [border-style] [color] |
Positioning Controls | |
position | static absolute relative fixed |
left | auto [length] [percentage] |
top | auto [length] [percentage] |
bottom | auto [length] [percentage] |
right | auto [length] [percentage] |
z-index | auto number |
Visibility Controls | |
clip | auto [shape] |
overflow | visible hidden scroll auto |
visibility | inherit visible hidden hide show |
Pseudo-Classes and Pseudo-Elements | |
:link | |
:active | |
:visited | |
:hover | |
:first-line | |
:first-letter |