CSS REFERENCE

Print Print
*default *grouping
Fonts
Property Values
font-family
  • font name
  • cursive
  • fantasy
  • monospace
  • sans-serif
  • serif
font-size
  • length
  • percentage
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large
  • smaller
  • larger
font-style
  • normal
  • italic
  • oblique
font-variant
  • normal
  • small-caps
font-weight
  • normal
  • bold
  • bolder
  • lighter
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
Text
Property Values
letter-spacing
  • normal
  • length
line-height
  • normal
  • length
  • number
  • percentage
text-align
  • left
  • right
  • center
  • justify
text-decoration
  • none
  • underline
  • overline
  • line-through
  • blink
text-indent
  • length)
  • percentage
text-transform
  • none
  • capitalize
  • uppercase
  • lowercase
vertical-align
  • baseline
  • percentage
  • sub
  • super
  • top
  • middle
  • bottom
  • text-top
  • text-bottom
white-space
  • normal
  • pre
  • nowrap
word-spacing
  • normal
  • length
Background and Color
Property Values
background-attachment
  • scroll
  • fixed
background-color
  • transparent
  • color
background-image
  • none
  • url(url)
background-position
  • percentage
  • length
  • top
  • bottom
  • left
  • right
  • center
background-repeat
  • repeat
  • repeat-x
  • repeat-y
  • no-repeat
color
  • color
Borders and Margins
Property Values
border-width
  • medium
  • length
  • thin
  • thick
border-top-width
  • medium
  • length
  • thin
  • thick
border-bottom-width
  • medium
  • length
  • thin
  • thick
border-left-width
  • medium
  • length
  • thin
  • thick
border-right-width
  • medium
  • length
  • thin
  • thick
border-color
  • color
border-style
  • none
  • dashed
  • dotted
  • double
  • groove
  • inset
  • outset
  • ridge
  • solid
margin
  • auto
  • length
  • percentage
margin-top
  • auto
  • length
  • percentage
margin-bottom
  • auto
  • length
  • percentage
margin-left
  • auto
  • length
  • percentage
margin-right
  • auto
  • length
  • percentage
padding
  • length
  • percentage
padding-top
  • length
  • percentage
padding-bottom
  • length
  • percentage
padding-left
  • length
  • percentage
padding-right
  • length
  • percentage
width
  • auto
  • length
  • percentage
height
  • auto
  • length
float
  • none
  • left
  • right
clear
  • none
  • left
  • right
  • both
Lists
Property Values
list-style-image
  • none
  • url(url)
list-style-position
  • outside
  • inside
list-style-type
  • disc
  • circle
  • square
  • decimal
  • lower-alpha
  • upper-alpha
  • lower-roman
  • upper-roman
  • none
Positioning and Visibility
Property Values
position
  • static
  • absolute
  • fixed
  • relative
top
  • auto
  • length
  • percentage
bottom
  • auto
  • length
  • percentage
left
  • auto
  • length
  • percentage
right
  • auto
  • length
  • percentage
z-index
  • auto
  • number
display
  • block
  • inline
  • list-item
  • none
visibility
  • inherit
  • visible
  • hidden
Mouse
Property Values
cursor
  • auto
  • crosshair
  • hand
  • help
  • move
  • pointer
  • text
  • wait
  • n-resize
  • s-resize
  • e-resize
  • w-resize
  • ne-resize
  • se-resize
  • nw-resize
  • sw-resize
HTML:
Modify the code below and click Run to practice your CSS.

CSS Specifications

Cascading Style Sheets, level 1
Cascading Style Sheets, level 2. CSS2 Specification.
CSS2 New Features

CSS (and other) Training

CSS Training
HTML Training
JavaScript Training
Ajax Training
XML Training

CSS Tutorials

EchoEcho.com CSS Tutorial
W3Schools CSS Tutorial
Dave Raggett's CSS Tutorial
"The" CSS Tutorial
CSS Tutorial
HTML Tutorial
JavaScript Tutorial
Ajax Tutorial

Other CSS References

Stylegala Reference
W3Schools CSS2 Reference

Other CSS Sites

Zen Garden

Popular Webmaster Resources

Professional Web Design using CSS.
Cheap Web Hosting Services for streamlined Web Designers.
The truth about Dedicated Servers and SEO vs. Multiple IPs
Using CSS for White Hat Search Engine Ranking.
Personal Website and Enterprise Level Web Hosting Services.
Do you have a CSS resource site? Please email css @ webucator.com.

Copyright 2008 Webucator. All rights reserved.