| 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 |
| 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 |
| 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 |
| Fonts |
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 |
| Lists |
| 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 |
| Margins |
| 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 |
| Padding |
| padding |
padding-top
padding-right
padding-bottom
padding-left |
Sets the padding properties in one statement |
4.0 |
4.0 |
padding-bottom |
length
% |
Sets the bottom padding of an element |
4.0 |
4.0 |
padding-left |
length
% |
Sets the left padding of an element |
4.0 |
4.0 |
padding-right |
length
% |
Sets the right padding of an element |
|
4.0 |
| padding-top |
length
% |
Sets the top padding of an element |
4.0 |
4.0 |
| Posistioning |
| bottom |
auto
%
length |
Sets where the bottom of an element should be positioned |
|
5.0 |
| clip |
shape
auto |
Sets the shape of an element. The element is clipped into this shape, and displayed |
|
4.0 |
| left |
auto
%
length |
Sets where the left side of an element should be positioned |
4.0 |
4.0 |
| overflow |
visible
hidden
scroll
auto |
Sets what happens if the content of an element does not fit into its area |
|
4.0 |
| right |
auto
%
length |
Sets where the right side of an element should be positioned |
|
5.0 |
| top |
auto
%
length |
Sets where the top of an element should be positioned |
4.0 |
4.0 |
| vertical-align |
baseline
sub
super
top
text-top
middle
bottom
text-bottom
% |
Aligns an element vertically |
4.0 |
4.0 |
| z-index |
auto
number |
Sets the stack order of an element |
|
4.0 |
| Text |
| 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 |
|
|
