CSS Reference
Examples,
Text Properties,
List Properties,
Background Properties,
Margin/Border Properties,
Positioning Properties
Examples
<style type="text/css">
<!--
body{
scrollbar-face-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
scrollbar-track-color:#000000;
scrollbar-arrow-color:#000000;
}
a:link{
font-family:verdana;
font-size:9pt;
color:#000000;
text-decoration:none;
}
a:visited{
font-family:verdana;
font-size:9pt;
color:#000000;
text-decoration:none;
}
a:hover{
text-transform: capitalize;
font-family:verdana;
font-size:9pt;
color:#000000;
text-decoration:none;}
a:visited:hover{
font-family:verdana;
font-size:9pt;
color:#000000;
text-decoration:none;
}
a:active{
font-family:verdana;
font-size:9pt;
color:#000000;
text-decoration:none;
}
input,textarea,option,select{
background-color:#000000;
color:#000000;
font-family:verdana;
font-size:8pt;
border:1px dotted #000000;
}
H1{
font-family:verdana;
font-size:9pt;
color:#000000;
}
.dropcap{
font-size:200%;
float:left;
text-transform:uppercase;
color:blue;
font-weight:bold;
}
.stretch{
letter-spacing:2em;
}
p{
text-indent:2em;
text-transform:capitalize;
}
-->
</style>
<HEAD>
<link rel="stylesheet" type="text/css" href="http://www.purpleglitter.com/geekgrrl/style.css"">
</HEAD>
<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0">
Text Properties
- font-variant:small-caps;
- font-weight:bold;
- font-weight:lighter;
- word-spacing:3px;
- letter-spacing:1px;
- vertical-align:sub super top text-top middle bottom text-bottom;
- line-height:1px/10%;
- text-decoration:none underline overline line-through blink;
- text-transform none capitalize uppercase lowercase;
- text-alignment:left right center justify;
- text-indent:3px 10%;
- white-space:pre nowrap;
- background-image:url(myfolder/myimage.gif);
- background-repeat:no-repeat;
- background-repeat:repeat-y;
List Properties
- list-style-type:disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha none;
- list-style-image:none url(image.gif);
- list-style-position:outside inside;
- list-style:disc url(image.gif) outside;
Color and Background Properties
- background-color:#000000 transparent;
- background-image:none url(image.gif);
- background-repeat:repeat-x repeat-y no-repeat;
- background-attachment:scroll fixed;
- background-position:10% 2px top center bottom left center right;
- background-position:75px 75px; (from left, from top)
- background:#000000 url(image.gif) no-repeat fixed 2px;
Margin and Border Properties
- margin-top, -bottom, -right, -left:10px 10%;
- margin:10px 10%;
- padding-top, -bottom, -right, -left:10px 10%;
- padding:10px 10%;
- border-color:#000000;
- border-style:none dotted dashed solid double groove ridge inset outset;
- border-top, -bottom, -right, -left:medium thin thick;
- border-width:1 medium thin thick;
- border-top, -bottom, -right, -left:1 dotted;
- float:left 10;
- clear:none left right both;
- display:block inline list-item none;
Positioning Properties
- position:static absolute relative;
- left, top:10 10%;
- clip:auto triangle;
- overflow:visible hidden scroll auto;
- z-index:auto 5;
- visibility:inherit visibility hidden;
