Cascading Style Sheet Reference

Cascading Style Sheet Chart
A cascading style sheet (CSS) allows you to control the appearance of your fonts, links, tables and more. This sheet provides a listing of essential properties and values.

Background css - Page1
Border - Page1
Classification - Page2
Dimension - Page2
Font - Page2
List - Page2
Margin - Page2
Padding - Page3
Positioning - Page3
Text - Page3

Background

Property	Values	Description	NS	IE
background	background-color background-image background-repeat background-attachment background-position	Sets all background properties in one statement	4.0	4.0
background-attachment	scroll fixed	Sets whether a background image is fixed or scrolls with the rest of the page		4.0
background-color	color-rgb color-hex color-name transparent	Sets the background color of an element	4.0	4.0
background-image	url none	Sets an image as the background	4.0	4.0
background-position	top left top center top right center left center center center right bottom left bottom center bottom right x-% y-% x-pos y-pos	Sets the starting position of a background image		4.0
background-repeat	repeat repeat-x repeat-y no-repeat	Sets if/how a background image will be repeated	4.0	4.0

Border

Property	Values	Description	NS	IE
border	border-width border-style border-color	Sets all of the properties for the four borders in one statement	4.0	4.0
border-bottom	border-bottom-width border-style border-color	Sets all of the properties for the bottom border in one statement		4.0
border-bottom-width	thin medium thick length	Sets the width of the bottom border	4.0	4.0
border-color	color	Sets the color of the four borders, can have from one to four colors		4.0
border-left	border-left-width border-style border-color	Sets all of the properties for the left border in one statement		4.0
border-left-width	thin medium thick length	Sets the width of the left border	4.0	4.0
border-right	border-right-width border-style border-color	Sets all of the properties for the right border in one statement		4.0
border-right-width	thin medium thick length	Sets the width of the right border	4.0	4.0
border-style	none dotted dashed solid double groove ridge inset outset	Sets the style of the four borders, can have from one to four styles		4.0
border-top	border-top-width border-style border-color	Sets all of the properties for the top border in one statement		4.0
border-top-width	thin medium thick length	Sets the width of the top border	4.0	4.0
border-width	thin medium thick length	Sets the width of the four borders in one statement, can have from one to four values	4.0	4.0

Classification

Property	Values	Description	NS	IE
clear	left right both none	Sets the sides of an element where other floating elements are not allowed	4.0	4.0
display	none block inline list-item	Sets how/if an element is displayed	4.0	4.0
float	left right none	Sets where an image or a text will appear in another element	4.0	4.0
position	static relative absolute fixed	Places an element in a static, relative, absolute or fixed position	4.0	4.0
visibility	visible hidden collapse	Sets if an element should be visible or invisible		4.0

Dimension

Property	Values	Description	NS	IE
height	auto length	Sets the height of an element		4.0
line-height	normal number length %	Sets the distance between lines	4.0	4.0
width	auto % length	Sets the width of an element		4.0

Font

Property	Values	Description	NS	IE
font	font-style font-variant font-weight font-size/line-height font-family	Sets all of the properties for a font in one statement	4.0	4.0
font-family	family-name generic-family	A prioritized list of font family names and/or generic family names for an element	4.0	4.0
font-size	xx-small x-small small medium large x-large xx-large smaller larger length %	Sets the size of a font	4.0	4.0
font-style	normal italic oblique	Sets the font-style	4.0	4.0
font-variant	normal small-caps	Sets the font-variant		4.0
font-weight	normal bold bolder lighter 100 200 300 400 500 600 700 800 900	Sets the weight of a font	4.0	4.0

List

Property	Values	Description	NS	IE
list-style	list-style-type list-style-position list-style-image	Sets all of the properties for a list in one statement		4.0
list-style-image	none url	Sets an image as the list-item marker		4.0
list-style-position	inside outside	Sets were the list-item marker is placed in the list		4.0
list-style-type	none disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha	Sets the type of the list-item marker	4.0	4.0

Margin

Property	Values	Description	NS	IE
margin	margin-top margin-right margin-bottom margin-left	Sets the margin properties in one statement	4.0	4.0
margin-bottom	auto length %	Sets the bottom margin of an element	4.0	4.0
margin-left	auto length %	Sets the left margin of an element	4.0	4.0
margin-right	auto length %	Sets the right margin of an element	4.0	4.0
margin-top	auto length %	Sets the top margin of an element	4.0	4.0

Works With

Internet Explorer 4.0+
Netscape 4.0+

Property	Values	Description	NS	IE
color	color	Sets the color of a text	4.0	4.0
letter-spacing	normal length	Increases or decreases the space between characters		4.0
text-align	left right center justify	Aligns the text in an element	4.0	4.0
text-decoration	none underline overline line-through blink	Adds decoration to text	4.0	4.0
text-indent	length %	Indents the first line of text in an element	4.0	4.0
text-transform	none capitalize uppercase lowercase	Controls the letters in an element	4.0	4.0
white-space	normal pre nowrap	Sets how white space inside an element is handled	4.0
word-spacing	normal length	Increases or decreases the space between words