Make your own free website on Tripod.com

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)



Copyright © 2004-2005 S&W Concepts