HTML Help Online

Style Sheet Reference

For your convience, I have added a list of style sheet definitions and usage. For a more detailed list and browser compatibility, visit Webreview's Master Grid.

| Home | Back to Style |

Font
Property	Value	Example
font-family	[family-name], [generic-family]	P {font-family:arial,san-serif}
font-size	[absolute-size], [relative-size], [length], [percentage]	P {font-size:18px}
font-weight	normal, bold, bolder, lighter, 100-900	P {font-weight: bold}
font-variant	normal, small-caps	TD {font-variant:small-caps}
font-style	normal, italic, oblique	LI {font-style:italic}
Text
word-spacing	normal, [length]	P {word-spacing:5px}
letter-spacing	normal, [length]	P {letter-spacing:2px}
text-decoration	none, underline, overline, line-through, blink	A {text-decoration: none}
vertical-align	base-line, sub, super, top, text-top, middle, bottom, text-bottom, [length]	IMG {vertical-align: text-top}
text-transform	none, capitalize, uppercase, lowercase	P {text-transform:uppercase}
text-align	left, right, center, justify	P {text-align:justify
text-indent	[length], [percentage]	P {text-indent:10px}
line-height	[number], [length], [percentage]	P {line-height: 3}
Colors and Backgrounds
color	[colorname], [hexidecimal]	P {color:red}
background-color	transparent, [colorname]	TR {background-color:blue}
background-image	none, [url]	TABLE {background-image: url(images/bgimage.gif);}
background-repeat	repeat, repeat-x, repeat-y, no-repeat	BODY {background-repeat:no-repeat}
background-attachment	scroll, fixed	BODY {background-attachment:fixed}
background-position	[length], [percentage], [number], top, center, right, left, bottom	BODY {background-position:center}
Box
border	[colorname]	P {border:blue}
border-width	thin, thick, medium	P {border:blue thin} (shorthand)
border-style	none, dotted, dashed, solid, grove, ridged, inset, outset	P {border: blue thin dashed} (shorthand)