Uncle Jim's Web Designs


CSS Properties Table



Here is a list of the most common CSS properties used
Text Properties
PropertyWhat it DoesPossible Values
letter-spacingControls the amount of space between each letter in a section of text. normal (default)
number of pixels
line-heightControls the amount of vertical space between lines of text normal (default)
number of pixels
percentage
text-alignControls the alignment for a section of text browser decides (default)
left
right
center
text-decorationControls what the text looks like none (default)
underline
overline
line-through
blink
text-indentControls the indentation of the first line in a section of text 0 (default)
number of pixels
percentage
text-transformChanges the case of a section of text none (default)
uppercase
lowercase
capitalize
vertical-alignmentControls the vertical alignment of a section of text baseline (default)
sub
super
top
text-top
middle
bottom
text-bottom
word-spacingControls the amount of space between words (doesn't work as of yet) normal (default)
number of pixels

Font Properties
PropertyWhat it DoesPossible Values
font-familyControls the type of font shown on the page browser decides (default)
font family name
font-sizeControls the size of the font medium (default)
number of pixels
percentage
font-styleControls the style of the font normal (default)
italic
oblique
font-sizeControls the size of the font medium (default)
number of pixels
percentage
font-variantControls the variant of the font normal (default)
small-caps
font-weightControls the boldness of the font normal (default)
lighter
bold
bolder
100
200
300
400
500
600
700
800
900

Color/Background Properties
PropertyWhat it DoesPossible Values
colorControls the color of the text browser decides (default)
color name
background-attachmentControls the scrolling of the background scroll (default)
fixed
background-colorControls the color of the background transparent (default)
color name
background-imageAllows you to set a background image none (default)
image url
background-repeatAllows different patterns of background repetition repeat (default)
repeat-x
repeat-y
no-repeat
background-positionControls the position of the background on the page 0% 0% (default)
postion in pixels ie {20,20}
percentage ie {5%,7%}
top
bottom
left
right
center

Box Properties
PropertyWhat it DoesPossible Values
widthControls the width of a section auto (default)
number of pixels
percentage
heightControls the height of a section auto (default)
number of pixels
percentage
border-colorControls the border color of a section default text color (default)
color name
border-styleControls the style of a border none (default)
solid
double
border-widthControls the width of a border undefined (default)
number of pixels
thin
medium
thick
border-top-widthControls the width of a border side medium (default)
number of pixels
thin
thick
border-left-widthControls the width of a border side medium (default)
number of pixels
thin
thick
border-right-widthControls the width of a border side medium (default)
number of pixels
thin
thick
border-bottom-widthControls the width of a border side medium (default)
number of pixels
thin
thick
margin-topControls the width of a margin from the specified side 0 (default)
number of pixels
percentage
margin-leftControls the width of a margin from the specified side 0 (default)
number of pixels
percentage
margin-rightControls the width of a margin from the specified side 0 (default)
number of pixels
percentage
margin-bottomControls the width of a margin from the specified side 0 (default)
number of pixels
percentage
padding-topControls the amount of padding from the specified side 0 (default)
number of pixels
percentage
padding-leftControls the amount of padding from the specified side 0 (default)
number of pixels
percentage
padding-rightControls the amount of padding from the specified side 0 (default)
number of pixels
percentage
padding-bottomControls the amount of padding from the specified side 0 (default)
number of pixels
percentage
floatControls the floating of a section none (default)
left
right
clearDefines whether a section disallows other sections on its sides none (default)
left
right

Classification Properties
PropertyWhat it DoesPossible Values
white-spaceControls the white space formatting of a section normal (default)
pre
nowrap
displayControls the display of a section block (default)
inline
list-item
none
visiblityControls the visibility of an element inherit (default)
visible
hidden
z-indexControls the layering of an element auto (default)
number