CSS Properties
The links in the "Property" column point to more useful information about each property.
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).
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 |
|---|---|---|---|---|---|---|
|
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 | |
|
Sets whether a background image is fixed or scrolls with the rest of the page |
scroll fixed |
4 |
1 |
6 |
1 | |
|
Sets the background color of an element |
color-rgb color-hex color-name transparent |
4 |
1 |
4 |
1 | |
|
Sets an image as the background |
url(URL) none |
4 |
1 |
4 |
1 | |
|
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 | |
|
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 |
|---|---|---|---|---|---|---|
|
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 | |
|
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 | |
|
Sets the color of the bottom border |
border-color |
4 |
1 |
6 |
2 | |
|
Sets the style of the bottom border |
border-style |
4 |
1 |
6 |
2 | |
|
Sets the width of the bottom border |
thin medium thick length |
4 |
1 |
4 |
1 | |
|
Sets the color of the four borders, can have from one to four colors |
color |
4 |
1 |
6 |
1 | |
|
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 | |
|
Sets the color of the left border |
border-color |
4 |
1 |
6 |
2 | |
|
Sets the style of the left border |
border-style |
4 |
1 |
6 |
2 | |
|
Sets the width of the left border |
thin medium thick length |
4 |
1 |
4 |
1 | |
|
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 | |
|
Sets the color of the right border |
border-color |
4 |
1 |
6 |
2 | |
|
Sets the style of the right border |
border-style |
4 |
1 |
6 |
2 | |
|
Sets the width of the right border |
thin medium thick length |
4 |
1 |
4 |
1 | |
|
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 | |
|
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 | |
|
Sets the color of the top border |
border-color |
4 |
1 |
6 |
2 | |
|
Sets the style of the top border |
border-style |
4 |
1 |
6 |
2 | |
|
Sets the width of the top border |
thin medium thick length |
4 |
1 |
4 |
1 | |
|
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 |
|---|---|---|---|---|---|---|
|
Sets the sides of an element where other floating elements are not allowed |
left right both none |
4 |
1 |
4 |
1 | |
|
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 | |
|
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 | |
|
Sets where an image or a text will appear in another element |
left right none |
4 |
1 |
4 |
1 | |
|
Places an element in a static, relative, absolute or fixed position |
static relative absolute fixed |
4 |
1 |
4 |
2 | |
|
Sets if an element should be visible or invisible |
visible hidden collapse |
4 |
1 |
6 |
2 |
Dimension
|
Property |
Description |
Values |
IE |
F |
N |
W3C |
|---|---|---|---|---|---|---|
|
Sets the height of an element |
auto length % |
4 |
1 |
6 |
1 | |
|
Sets the distance between lines |
normal number length % |
4 |
1 |
4 |
1 | |
|
Sets the maximum height of an element |
none length % |
- |
1 |
6 |
2 | |
|
Sets the maximum width of an element |
none length % |
- |
1 |
6 |
2 | |
|
Sets the minimum height of an element |
length % |
- |
1 |
6 |
2 | |
|
Sets the minimum width of an element |
length % |
- |
1 |
6 |
2 | |
|
Sets the width of an element |
auto % length |
4 |
1 |
4 |
1 |
Font
|
Property |
Description |
Values |
IE |
F |
N |
W3C |
|---|---|---|---|---|---|---|
|
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 | |
|
A prioritized list of font family names and/or generic family names for an element |
family-name generic-family |
3 |
1 |
4 |
1 | |
|
Sets the size of a font |
xx-small x-small small medium large x-large xx-large smaller larger length % |
3 |
1 |
4 |
1 | |
|
Specifies an aspect value for an element that will preserve the x-height of the first-choice font |
none number |
- |
- |
- |
2 | |
|
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 | |
|
Sets the style of the font |
normal italic oblique |
4 |
1 |
4 |
1 | |
|
Displays text in a small-caps font or a normal font |
normal small-caps |
4 |
1 |
6 |
1 | |
|
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 |
|---|---|---|---|---|---|---|
|
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 | |
|
Sets how much the counter increments on each occurrence of a selector |
none identifier number |
|
|
|
2 | |
|
Sets the value the counter is set to on each occurrence of a selector |
none identifier number |
|
|
|
2 | |
|
Sets the type of quotation marks |
none string string |
- |
1 |
6 |
2 |
List and Marker
|
Property |
Description |
Values |
IE |
F |
N |
W3C |
|---|---|---|---|---|---|---|
|
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 | |
|
Sets an image as the list-item marker |
none url |
4 |
1 |
6 |
1 | |
|
Sets where the list-item marker is placed in the list |
inside outside |
4 |
1 |
6 |
1 | |
|
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 |
|---|---|---|---|---|---|---|
|
A shorthand property for setting the margin properties in one declaration |
margin-top margin-right margin-bottom margin-left |
4 |
1 |
4 |
1 | |
|
Sets the bottom margin of an element |
auto length % |
4 |
1 |
4 |
1 | |
|
Sets the left margin of an element |
auto length % |
3 |
1 |
4 |
1 | |
|
Sets the right margin of an element |
auto length % |
3 |
1 |
4 |
1 | |
|
Sets the top margin of an element |
auto length % |
3 |
1 |
4 |
1 |
Outlines
|
Property |
Description |
Values |
IE |
F |
N |
W3C |
|---|---|---|---|---|---|---|
|
A shorthand property for setting all the outline properties in one declaration |
outline-color outline-style outline-width |
- |
1.5 |
- |
2 | |
|
Sets the color of the outline around an element |
color invert |
- |
1.5 |
- |
2 | |
|
Sets the style of the outline around an element |
none dotted dashed solid double groove ridge inset outset |
- |
1.5 |
- |
2 | |
|
Sets the width of the outline around an element |
thin medium thick length |
- |
1.5 |
- |
2 |
Padding
|
Property |
Description |
Values |
IE |
F |
N |
W3C |
|---|---|---|---|---|---|---|
|
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 | |
|
Sets the bottom padding of an element |
length % |
4 |
1 |
4 |
1 | |
|
Sets the left padding of an element |
length % |
4 |
1 |
4 |
1 | |
|
Sets the right padding of an element |
length % |
4 |
1 |
4 |
1 | |
|
Sets the top padding of an element |
length % |
4 |
1 |
4 |
1 |
Positioning
|
Property |
Description |
Values |
IE |
F |
N |
W3C |
|---|---|---|---|---|---|---|
|
Sets how far the bottom edge of an element is above/below the bottom edge of the parent element |
auto % length |
5 |
1 |
6 |
2 | |
|
Sets the shape of an element. The element is clipped into this shape, and displayed |
shape auto |
4 |
1 |
6 |
2 | |
|
Sets how far the left edge of an element is to the right/left of the left edge of the parent element |
auto % length |
4 |
1 |
4 |
2 | |
|
Sets what happens if the content of an element overflow its area |
visible hidden scroll auto |
4 |
1 |
6 |
2 | |
|
Places an element in a static, relative, absolute or fixed position |
static relative absolute fixed |
4 |
1 |
4 |
2 | |
|
Sets how far the right edge of an element is to the left/right of the right edge of the parent element |
auto % length |
5 |
1 |
6 |
2 | |
|
Sets how far the top edge of an element is above/below the top edge of the parent element |
auto % length |
4 |
1 |
4 |
2 | |
|
Sets the vertical alignment of an element |
baseline sub super top text-top middle bottom text-bottom length % |
4 |
1 |
4 |
1 | |
|
Sets the stack order of an element |
auto number |
4 |
1 |
6 |
2 |
Table
|
Property |
Description |
Values |
IE |
F |
N |
W3C |
|---|---|---|---|---|---|---|
|
Sets whether the table borders are collapsed into a single border or detached as in standard HTML |
collapse separate |
5 |
1 |
7 |
2 | |
|
Sets the distance that separates cell borders (only for the "separated borders" model) |
length length |
5M |
1 |
6 |
2 | |
|
Sets the position of the table caption |
top bottom left right |
5M |
1 |
6 |
2 | |
|
Sets whether or not to show empty cells in a table (only for the "separated borders" model) |
show hide |
5M |
1 |
6 |
2 | |
|
Sets the algorithm used to display the table cells, rows, and columns |
auto fixed |
5 |
1 |
6 |
2 |
Text
|
Property |
Description |
Values |
IE |
F |
N |
W3C |
|---|---|---|---|---|---|---|
|
Sets the color of a text |
color |
3 |
1 |
4 |
1 | |
|
Sets the text direction |
ltr rtl |
6 |
1 |
6 |
2 | |
|
Sets the distance between lines |
normal number length % |
4 |
1 |
4 |
1 | |
|
Increase or decrease the space between characters |
normal length |
4 |
1 |
6 |
1 | |
|
Aligns the text in an element |
left right center justify |
4 |
1 |
4 |
1 | |
|
Adds decoration to text |
none underline overline line-through blink |
4 |
1 |
4 |
1 | |
|
Indents the first line of text in an element |
length % |
4 |
1 |
4 |
1 | |
|
text-shadow |
|
none color length |
|
|
|
|
|
Controls the letters in an element |
none capitalize uppercase lowercase |
4 |
1 |
4 |
1 | |
|
unicode-bidi |
|
normal embed bidi-override |
5 |
|
|
2 |
|
Sets how white space inside an element is handled |
normal pre nowrap |
5 |
1 |
4 |
1 | |
|
Increase or decrease the space between words |
normal length |
6 |
1 |
6 |
1 |
Pseudo-classes
|
Pseudo-class |
Purpose |
IE |
F |
N |
W3C |
|---|---|---|---|---|---|
|
Adds special style to an activated element |
4 |
1 |
8 |
1 | |
|
Adds special style to an element while the element has focus |
- |
1.5 |
8 |
2 | |
|
Adds special style to an element when you mouse over it |
4 |
1 |
7 |
1 | |
|
Adds special style to an unvisited link |
3 |
1 |
4 |
1 | |
|
Adds special style to a visited link |
3 |
1 |
4 |
1 | |
|
Adds special style to an element that is the first child of some other element |
- |
1 |
7 |
2 | |
|
Allows the author to specify a language to use in a specified element |
- |
1 |
8 |
2 |
Pseudo-elements
|
Pseudo-element |
Purpose |
IE |
F |
N |
W3C |
|---|---|---|---|---|---|
|
Adds special style to the first letter of a text |
5 |
1 |
8 |
1 | |
|
Adds special style to the first line of a text |
5 |
1 |
8 |
1 | |
|
Inserts some content before an element |
|
1.5 |
8 |
2 | |
|
Inserts some content after an element |
|
1.5 |
8 |
2 |
