Cascading Style Sheet Quick Reference Guide

FONTS AND TEXT
Properties Values
font-family Arial, Verdana, Helvetica, Tahoma...
font-style normal, italic, bold, oblique, inherit
font-size See Size Below, and...

xx-small, x-small, small, medium, large,
x-large, xx-large,larger, smaller, inherit

#%     # = a percentage relative to current font.
font-weight normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900, inherit
text-align left, right, center, justify, inherit
vertical-align top, middle, baseline, bottom (generally for <TD> tag)
white-space normal, pre, nowrap, inherit
text-decoration none, underline, overline, line-through, inherit
text-transform capitalize, uppercase, lowercase, none, inherit
letter-spacing normal, (See Size Below), inherit
text-indent (See Size Below), inherit
word-spacing normal, (See Size Below), inherit
COLORS
Properties Values
rgb(red, green, blue)
#RRGGBB

color-name
red=0-255, green=0-255, blue=0-255
RR=Red Hex, GG=Green Hex, BB=Blue
Hex colors go from 00 to FF.
black, white, red, green, blue, gray, etc.
SIMPLE HTML FILE EXAMPLE
 <HTML>
   <HEAD>
     <LINK REL='STYLESHEET' TYPE='text/css'
           HREF='MyStyleSheet.css'
     >
   </HEAD>
   <BODY>
     BODY TEXT HERE
   </BODY>
 <HTML>
HTML TABLE EXAMPLE
 <TABLE>
   <CAPTION>The Caption</CAPTION>
   <THEAD>
     <TR>
       <TH>Header 1</TH> <TH>Header 2</TH>
     </TR>
   </THEAD>
   <TBODY>
     <TR>
       <TD>Data Column 1</TD> <TD>Data Column 2</TD>
     </TR>
   </TBODY>
   <TFOOT>
     <TR>
       <TH>Footer 1</TH> <TH>Footer 2</TH>
     </TR>
   </TFOOT>
 </TABLE>
BORDERS
Properties Values
border-style
border-top-style
border-right-style
border-bottom-style
border-left-style
none, hidden
dotted
dashed
solid, double
groove, ridge
inset, outset
border-collapse normal, collapse
inherit
border-width
border-top-width
border-right-width
border-bottom-width
border-left-width
See Sizes
IE SCROLL BARS
Properties Values
scrollbar-base-color See Colors
scrollbar-face-color
scrollbar-arrow-color
scrollbar-track-color
scrollbar-shadow-color
scrollbar-highlight-color
scrollbar-shadow-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-darkshadow-color
See Colors
SIZE
Properties Values
#px
#pt
#pc
#em
#ex
#in
#mm
#cm   (# = number)
pixels
points
picas
font-size
x-height
inches
millimeters
centimeters
BACKGROUND
Properties Values
background-color See Color Above
background-image url(URL)

URL=path to gif, jpg, bmp, or png
background-attachment scroll, fixed
background-repeat repeat, no-repeat
repeat-x, repeat-y
background-position See Sizes +

#% #%

top, center, bottom AND/OR left, right
POSITIONING
Properties Values
position relative, absolute
overflow hidden, scroll, visible, auto
top
left
right
bottom
#px
#pt
#pc
#em
#ex
#in
#mm
#cm
(# = a number)
Get the Spectrum BarCode Generator
For your own projects.


Copyright 2005 © Spectrum Research, Inc.
All Rights Reserved
http://www.spectrum-research.com
MARGINS
Properties Values
margin
margin-top
margin-right
margin-bottom
margin-left
See Sizes
PADDING
Properties Values
padding
padding-top
padding-right
padding-bottom
padding-left
See Sizes
CURSORS
Properties Values
cursor auto
crosshair
default
hand
pointer
move, text
wait, help
n-resize
ne-resize
e-resize
se-resize
s-resize
sw-resize
w-resize
nw-resize
url(imagepath)