Font & Text

Property Values Sample
font-family family-name, generic-family {font-family:Verdana, MS Sans Serif}
font-size point // pixel // percentage {font-size:12pt}
font-style normal / italic {font-style:italic}
font-variant normal / smallcaps {font-variant:small-caps}
font-weight normal / bold {font-weight:bold}
letter-spacing normal / pixel {letter-spacing:2px}
word-spacing normal / pixel {word-spacing:5px}
text-decoration none / underline / overline / line-through {text-decoration:line-through}
vertical-align baseline / sub / super / top / text-top / middle / bottom / text-bottom // percent {vertical-align:sub}
text-transform capitalize / uppercase / lowercase / none {text-transform:uppercase}
text-align left / right / center / justify {text-align:justify}
text-indent pixel // percent {text-indent:20px}
line-height normal / pixel // percent {line-height:5px}

Color & Background

Property Values Sample
color color // hexidecimal value {color:orange}
background-color color // hexidecimal value / transparent {background-color:green}
background-image url / none {background-image:url(image.jpg)}
background-repeat repeat / repeat-x / repeat-y / no-repeat {background-repeat:no-repeat}
background-attachment scroll / fixed {background-attachment:fixed}
background-position top / center / bottom / left / center / right // pixel {background-position:top center}

Box (table, paragraph, form, etc)

Property Values Sample
margin-top auto / pixel // percentage {margin-top:5px}
margin-right auto / pixel // percentage {margin-right:0px}
margin-bottom auto / pixel // percentage {margin-bottom:5%}
margin-left auto / pixel // percentage {margin-left:auto}
margin auto / pixel // percentage {margin:10px}
padding-top auto / pixel // percentage {padding-top:5px}
padding-right auto / pixel // percentage {padding-right:0px}
padding-bottom auto / pixel // percentage {padding-bottom:5%}
padding-left auto / pixel // percentage {padding-left:auto}
padding auto / pixel // percentage {padding:10px}
border-width thin / medium / thick // pixel {border-width:10px 5px 10px 5px}
border-color color // hexidecimal value {border-color:#130919}
border-style none / solid / double / groove / ridge / inset / outset {border-style:ridge}
border border-width / border-color / border-style {border:thin solid #FFFFFF}
float none / left / right {float:none}
clear none / left / right / both {clear:left}

Lists

Property Values Sample
list-style-type disk / circle / square / decimal / lower-roman / upper-roman / lower-alpha / upper-alpha / none {list-style-type:square}
list-style-image url / none {list-style-image:url(img.gif)}
list-style-position inside / outside {list-style-position:outside}
list-style type // position // image {list-style: disk inside url(img.gif)}
display block / inline / list-item / none {display: inline}
white-space normal / pre / nowrap {white-space: nowrap}

Position

Property Values Sample
height pixel // auto {height:20px}
width pixel // auto {width:20px}
left pixel // percentage // auto {left:130px}
top pixel // percentage // auto {top:10%}
position absolute / relative / static {position:absolute}
overflow visible / hidden / scroll / auto {position:scroll}
visibility visible / hidden / inherit {visibility:hidden}
z-index integer {z-index:1}

Miscellaneous

Property Values Sample
a:link, a:active, a:hover, a:visited various {color:red; font-weight:bold; text-decoration:none; border:thin solid black}
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 {cursor:n-resize}