HTML/CSS Tutorials -

Part 4

image of an html icon image of a css icon

Author: Derek Duban of www.upwithabang.com
for how-to docs on web development and free plug-in services for your site.

Common style properties and values


Property

Sample Values (see spec for more)

Example

font-familysans-serif
serif
monospace
cursive
font-family: sans-serif,serif
font-weightnormal
bold
bolder
lighter
font-weight: bolder;
font-sizepx
em
font-size: 14px;
colormaroon, red, orange, yellow, olive, purple, fuchsia, white, lime, green, navy, blue, aqua, teal, black, silver, and gray
#{hexvalue}
rgb(0-255,0-255,0-255)
color: green;
color: #009900;
color: rgb(0,153,0)
border-widthpx (pixels)border-width: 5px;
border-stylesolid
dotted
dashed
double
border-style: dotted;
border-color{a valid color value}border-color: yellow;
background-color{a valid color value}background-color: yellow;
text-aligncenter
left
right
text-align: center;
forwardarrow
CTRL D to Bookmark AddThis Social Bookmark Button
head word
resources icon