XX UNITS: em :the 'font-size' of the relevant font ex :the 'x-height' of the relevant font px :pixels, relative to the viewing device in :inches -- 1 inch is equal to 2.54 centimeters. cm :centimeters mm :millimeters pt :points -- the points used by CSS2 are equal to 1/72th of an inch. pc :picas -- 1 pica is equal to 12 points. absolute :Exactly where you declare relative :Relative to another length property --------------------------------------- TEXT PROPETIES: text-transform: capitalize,uppercase,lowercase,none vertical-align: baseline,sub,super,top,text-top,middle,bottom,text-bottom img{vertical-align:middle} text-align: center,left,right,justify text-indent: xx units,% line-height: normal,xx units,% letter-spacing: normal,xx units (!! ie4 !!) text-decoration: underline,*overline,line-through,*blink,none (!! * = ns4 !!) *word-spacing: normal,xx units --------------------------------------- FONT PROPERITES: font-family: if !available {next choice} serif, sans-serif, cursive, fantasy, monospace (chooses serif...if not aviailible then sans-serif if not...) generic font-family: Times,Arial,Helvetica,Courier,Verdana,Garamond,WingDings font-style: normal,italic,oblique,underline,line-through,overline font-variant: normal,small-caps font-weight: lighter,normal,bold,bolder,100,...,900 font-size: xx units,% larger or smaller (relative),xx small,small,medium,x-large,xx-large --------------------------------------- COLOR AND BACKGROUND PROPERTIES: color: color name,hex value background-color: color name,hex value background-image: url(back.gif) background-repeat: repeat,repeat-x,repeat-y,no-repeat background-attachment: scroll,fixed (!! ie4 !!) background-position: horizontal (top,center,bottom,left,right,1px,5px,%,etc...)verticle(top,center,bottom,left,right,1px,5px,%,etc...) (!! ie4 !!) --------------------------------------- PLACEMENT PROPERTIES: margin :xx units,%,auto margin-top :xx units,%,auto ~| margin-bottom :xx units,%,auto |-- NO IE? margin-left :xx units,%,auto margin-right :xx units,%,auto padding :xx units,%,auto ~| padding-top :xx units,%,auto | padding-bottom :xx units,%,auto |-- NO IE? padding-left :xx units,%,auto | padding-right :xx units,%,auto _| border-width :thin,medium,thick,none NO IE border-style :none,solid,double,groove,ridge,inset,outset border-color :color name, hex value border :{width value, style value, color value} border-top :{width value, style value, color value} border-bottom :{width value, style value, color value} border-left :{width value, style value, color value} border-right :{width value, style value, color value} height: xx units img.button{height:70px} (!! ie4!!) width: xx units img.button{width:70px} (!! ie4!!) float: right,left,none img.button{float:left} clear: right,left,none img.button{clear:left} z-index: 0 is rear 1 is front ++ etc... --------------------------------------- CLASSIFICATION PROPERITES: display: none (hides),"" (block),block (treats like block),inline,list-item list-style-type disc,circle,square,decimal,lower-roman,upper-roman,lower-alpha,upper-alpha (!! NO IE4 !!) list-style-image url(../closefoler.gif) list-style-position inside (hanging indent),outside (bullet and 2nd line are flush) text: { font-family: futura, helvetica, arial; font-style: italic; text-transform: capitalize; text-align: center; text-indent: 2em; line-height: 12pt; word-spacing: 1pt; letter-spacing: 0; text-decoration: blink; font-variant: small-caps background-image: url(..images/sand.gif) background-repeat: repeat background-position: center display: none MSIE-->clip:rect(top,right,bottom,left) Nets-->clip:rect(left,top,right,bottom) } img: { vertical-align: middle; } table: { padding-top: 12pt padding-bottom: 12pt padding-left: 2em padding-right: 2em }