Darkest Faerie Lair
CSS Properties
Underline, overline, strike-through
text-decoration:none; |
Normal text. |
text-decoration:underline; |
Text with an underline. |
text-decoration:overline; |
Text with an overline. |
text-decoration:line-through; |
Text with a strike through. |
Bold
font-weight:normal; |
Normal text. |
font-weight:bold; |
Bold text. |
Italic
font-style:normal; |
Normal text. |
font-style:italic; |
Italic text. |
Color
color:#F00; |
Text colour. |
Text size
font-size:8px; |
Text size. |
Font
font-family:"comic sans ms"; |
Font. |
Case
text-transform:lowercase; |
Lowercase text. |
text-transform:uppercase; |
Uppercase text. |
text-transform:capitalize; |
Capitalized text. |
font-variant:small-caps; |
Small Caps. |
Border
border-style:solid; |
Solid border. |
border-style:dotted; |
Dotted border. |
border-style:dashed; |
Dashed border. |
border-style:double; |
Double border. |
border-style:groove; |
Groove border. |
border-style:inset; |
Inset border. |
border-style:outset; |
Outset border. |
border-style:ridge; |
Ridged border. |
border-width:10px; |
Border thickness. |
border-color:#0F0; |
Border color. |
Alignment
text-align:left; |
Left-aligned text. |
text-align:center; |
Centered text. |
text-align:right; |
Right-aligned. |
Spacing
letter-spacing:3px; |
Letter spacing. |
line-height:6px; |
Line height. |
Bullets
list-style-type:none; |
|
list-style-type:disc; |
|
list-style-type:circle; |
|
list-style-type:square; |
|
Background
background-color:#00F; |
Background colour. |
background-image:url('URLHERE'); |
Background image. |
background-attachment:fixed; |
Background attachment (doesn't move when scrolling). |
background-position:right bottom; |
Background position (right/left/center top/bottom/center). |
background-repeat:no-repeat; |
Non-repeating background. |
background-repeat:repeat-x; |
Horizontally-repeating background. |
background-repeat:repeat-y; |
Vertically-repeating background. |
IE Only: Cursor
cursor:hand; |
Cursor. |
cursor:crosshair; |
Cursor. |
cursor:n-resize; |
Cursor. |
cursor:e-resize; |
Cursor. |
cursor:move; |
Cursor. |
cursor:text; |
Cursor. |
cursor:wait; |
Cursor. |
cursor:help; |
Cursor. |
cursor:progress; |
Cursor. |
cursor:not-allowed; |
Cursor. |
cursor:no-drop; |
Cursor. |
cursor:vertical-text; |
Cursor. |
cursor:all-scroll; |
Cursor. |
cursor:col-resize; |
Cursor. |
cursor:row-resize; |
Cursor. |
IE Only: Text Effects
filter:alpha(opacity=100, finishopacity=0, style=1); |
IE Only: Fade. |
filter:blur(strength=10); |
IE Only: Blur. |
filter:dropshadow(color=#F0F, offx=1, offy=1); |
IE Only: Drop Shadow. |
filter:glow(color=#0F0, strength=3); |
IE Only: Glow. |
scrollbar-base-color:#FF0; |
IE Only: Scroll Bar colour. |