CSS2 Reference

*source : http://www.w3schools.com/css/css_reference.asp

*The copyright of content in this post is w3schools.com

Browser support: IE: Internet Explorer, M: Mac IE only, F: Firefox, N: Netscape.

W3C: The number in the “W3C” column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).

Background

Property	Description	Values	IE	F	N	W3C
background	A shorthand property for setting all background properties in one declaration	background-color background-image background-repeat background-attachment background-position	4	1	6	1
background-attachment	Sets whether a background image is fixed or scrolls with the rest of the page	scroll fixed	4	1	6	1
background-color	Sets the background color of an element	color-rgb color-hex color-name transparent	4	1	4	1
background-image	Sets an image as the background	url(URL) none	4	1	4	1
background-position	Sets the starting position of a background image	top left top center top right center left center center center right bottom left bottom center bottom right x% y% xpos ypos	4	1	6	1
background-repeat	Sets if/how a background image will be repeated	repeat repeat-x repeat-y no-repeat	4	1	4	1

Border

Property	Description	Values	IE	F	N	W3C
border	A shorthand property for setting all of the properties for the four borders in one declaration	border-width border-style border-color	4	1	4	1
border-bottom	A shorthand property for setting all of the properties for the bottom border in one declaration	border-bottom-width border-style border-color	4	1	6	1
border-bottom-color	Sets the color of the bottom border	border-color	4	1	6	2
border-bottom-style	Sets the style of the bottom border	border-style	4	1	6	2
border-bottom-width	Sets the width of the bottom border	thin medium thick length	4	1	4	1
border-color	Sets the color of the four borders, can have from one to four colors	color	4	1	6	1
border-left	A shorthand property for setting all of the properties for the left border in one declaration	border-left-width border-style border-color	4	1	6	1
border-left-color	Sets the color of the left border	border-color	4	1	6	2
border-left-style	Sets the style of the left border	border-style	4	1	6	2
border-left-width	Sets the width of the left border	thin medium thick length	4	1	4	1
border-right	A shorthand property for setting all of the properties for the right border in one declaration	border-right-width border-style border-color	4	1	6	1
border-right-color	Sets the color of the right border	border-color	4	1	6	2
border-right-style	Sets the style of the right border	border-style	4	1	6	2
border-right-width	Sets the width of the right border	thin medium thick length	4	1	4	1
border-style	Sets the style of the four borders, can have from one to four styles	none hidden dotted dashed solid double groove ridge inset outset	4	1	6	1
border-top	A shorthand property for setting all of the properties for the top border in one declaration	border-top-width border-style border-color	4	1	6	1
border-top-color	Sets the color of the top border	border-color	4	1	6	2
border-top-style	Sets the style of the top border	border-style	4	1	6	2
border-top-width	Sets the width of the top border	thin medium thick length	4	1	4	1
border-width	A shorthand property for setting the width of the four borders in one declaration, can have from one to four values	thin medium thick length	4	1	4	1

Classification

Property	Description	Values	IE	F	N	W3C
clear	Sets the sides of an element where other floating elements are not allowed	left right both none	4	1	4	1
cursor	Specifies the type of cursor to be displayed	url auto crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help	4	1	6	2
display	Sets how/if an element is displayed	none inline block list-item run-in compact marker table inline-table table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-caption	4	1	4	1
float	Sets where an image or a text will appear in another element	left right none	4	1	4	1
position	Places an element in a static, relative, absolute or fixed position	static relative absolute fixed	4	1	4	2
visibility	Sets if an element should be visible or invisible	visible hidden collapse	4	1	6	2

Dimension

Property	Description	Values	IE	F	N	W3C
height	Sets the height of an element	auto length %	4	1	6	1
line-height	Sets the distance between lines	normal number length %	4	1	4	1
max-height	Sets the maximum height of an element	none length %	-	1	6	2
max-width	Sets the maximum width of an element	none length %	-	1	6	2
min-height	Sets the minimum height of an element	length %	-	1	6	2
min-width	Sets the minimum width of an element	length %	-	1	6	2
width	Sets the width of an element	auto % length	4	1	4	1

Font

Property	Description	Values	IE	F	N	W3C
font	A shorthand property for setting all of the properties for a font in one declaration	font-style font-variant font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar	4	1	4	1
font-family	A prioritized list of font family names and/or generic family names for an element	family-name generic-family	3	1	4	1
font-size	Sets the size of a font	xx-small x-small small medium large x-large xx-large smaller larger length %	3	1	4	1
font-size-adjust	Specifies an aspect value for an element that will preserve the x-height of the first-choice font	none number	-	-	-	2
font-stretch	Condenses or expands the current font-family	normal wider narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded	-	-	-	2
font-style	Sets the style of the font	normal italic oblique	4	1	4	1
font-variant	Displays text in a small-caps font or a normal font	normal small-caps	4	1	6	1
font-weight	Sets the weight of a font	normal bold bolder lighter 100 200 300 400 500 600 700 800 900	4	1	4	1

Generated Content

Property	Description	Values	IE	F	N	W3C
content	Generates content in a document. Used with the :before and :after pseudo-elements	string url counter(name) counter(name, list-style-type) counters(name, string) counters(name, string, list-style-type) attr(X) open-quote close-quote no-open-quote no-close-quote		1	6	2
counter-increment	Sets how much the counter increments on each occurrence of a selector	none identifier number				2
counter-reset	Sets the value the counter is set to on each occurrence of a selector	none identifier number				2
quotes	Sets the type of quotation marks	none string string	-	1	6	2

List and Marker

Property	Description	Values	IE	F	N	W3C
list-style	A shorthand property for setting all of the properties for a list in one declaration	list-style-type list-style-position list-style-image	4	1	6	1
list-style-image	Sets an image as the list-item marker	none url	4	1	6	1
list-style-position	Sets where the list-item marker is placed in the list	inside outside	4	1	6	1
list-style-type	Sets the type of the list-item marker	none disc circle square decimal decimal-leading-zero lower-roman upper-roman lower-alpha upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha	4	1	4	1
marker-offset		auto length		1	7	2

Margin

Property	Description	Values	IE	F	N	W3C
margin	A shorthand property for setting the margin properties in one declaration	margin-top margin-right margin-bottom margin-left	4	1	4	1
margin-bottom	Sets the bottom margin of an element	auto length %	4	1	4	1
margin-left	Sets the left margin of an element	auto length %	3	1	4	1
margin-right	Sets the right margin of an element	auto length %	3	1	4	1
margin-top	Sets the top margin of an element	auto length %	3	1	4	1

Outlines

Property	Description	Values	IE	F	N	W3C
outline	A shorthand property for setting all the outline properties in one declaration	outline-color outline-style outline-width	-	1.5	-	2
outline-color	Sets the color of the outline around an element	color invert	-	1.5	-	2
outline-style	Sets the style of the outline around an element	none dotted dashed solid double groove ridge inset outset	-	1.5	-	2
outline-width	Sets the width of the outline around an element	thin medium thick length	-	1.5	-	2

Padding

Property	Description	Values	IE	F	N	W3C
padding	A shorthand property for setting all of the padding properties in one declaration	padding-top padding-right padding-bottom padding-left	4	1	4	1
padding-bottom	Sets the bottom padding of an element	length %	4	1	4	1
padding-left	Sets the left padding of an element	length %	4	1	4</TD

view the original content.

Alpha filter : Ie vs Firefox

Explorer browser

• filter:alpha(opacity=80);

Firefox

• 1.7 over version -> opacity:0.8;
• Etc version -> -moz-opacity:0.8;

Transparency: the ‘opacity’ property in Firefox

Name:     opacity
Value:     <alphavalue> | inherit
Initial:     1
Applies to:     all elements
Inherited:     no
Percentages:     N/A
Media:     visual
Computed value:     The same as the specified value after clipping the <alphavalue> to the range [0.0,1.0].

<alphavalue>

Syntactically a <number>.

The uniform opacity setting to be applied across an entire object.
Any values outside the range 0.0 (fully transparent) to 1.0 (fully opaque) will be clamped to this range.

If the object is a container element, then the effect is as if the contents of the container element were blended against the current background using a mask where the value of each pixel of the mask is <alphavalue>.