| Name | Values | Initial value | Applies to | Inherited? | Percentages | Media |
|---|---|---|---|---|---|---|
background-attachment
|
scroll | fixed | inherit | scroll | no | visual | ||
background-color
|
<color> | inherit | transparent | no | visual | ||
background-image
|
<uri> | none | inherit | none | no | visual | ||
background-position
|
[ [ <percentage> | <length> | left | center | right ] [ <percentage> | <length> | top | center | bottom ]? ] | [ [ left | center | right ] || [ top | center | bottom ] ] | inherit | 0% 0% | no | refer to the size of the box itself | visual | |
background-repeat
|
repeat | repeat-x | repeat-y | no-repeat | inherit | repeat | no | visual | ||
background
|
[
‘
background-color
’
||
‘
background-image
’
||
‘
background-repeat
’
||
‘
background-attachment
’
||
background-position
]
|
inherit
|
see individual properties | no |
allowed on ‘
background-position
’
|
visual | |
border-collapse
|
collapse | separate | inherit | separate |
‘
table
’ and ‘
inline-table
’ elements
|
yes | visual | |
border-color
|
[ <color> ]{1,4} | inherit | see individual properties | no | visual | ||
border-spacing
|
<length> <length> ? | inherit | 0 |
‘
table
’ and ‘
inline-table
’ elements
|
yes | visual | |
border-style
|
<border-style> {1,4} | inherit | see individual properties | no | visual | ||
border-top
border-right
border-bottom
border-left
|
[
<border-width>
||
<border-style>
||
border-top-color
] |
inherit
|
see individual properties | no | visual | ||
border-top-color
border-right-color
border-bottom-color
border-left-color
|
<color> | inherit |
the value of the ‘
color
’
property
|
no | visual | ||
border-top-style
border-right-style
border-bottom-style
border-left-style
|
<border-style> | inherit | none | no | visual | ||
border-top-width
border-right-width
border-bottom-width
border-left-width
|
<border-width> | inherit | medium | no | visual | ||
border-width
|
<border-width> {1,4} | inherit | see individual properties | no | visual | ||
border
|
[
<border-width>
||
<border-style>
||
border-top-color
] |
inherit
|
see individual properties | no | visual | ||
bottom
|
<length> | <percentage> | auto | inherit | auto | positioned elements | no | refer to height of containing block | visual |
caption-side
|
top | bottom | inherit | top |
‘
table-caption
’ elements
|
yes | visual | |
clear
|
none | left | right | both | inherit | none | block-level elements | no | visual | |
clip
|
<shape> | auto | inherit | auto | absolutely positioned elements | no | visual | |
color
|
<color> | inherit | depends on user agent | yes | visual | ||
content
|
normal | none | [ <string> | <uri> | <counter> | attr( <identifier> ) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit | normal | :before and :after pseudo-elements | no | all | |
counter-increment
|
[ <identifier> <integer> ? ]+ | none | inherit | none | no | all | ||
counter-reset
|
[ <identifier> <integer> ? ]+ | none | inherit | none | no | all | ||
cursor
|
[ [ <uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit | auto | yes | visual , interactive | ||
direction
|
ltr | rtl | inherit | ltr | all elements, but see prose | yes | visual | |
display
|
inline | block | list-item | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit | inline | no | all | ||
empty-cells
|
show | hide | inherit | show |
‘
table-cell
’ elements
|
yes | visual | |
float
|
left | right | none | inherit | none | all, but see 9.7 | no | visual | |
font-family
|
[ [ <family-name> | <generic-family> ] [, <family-name> | <generic-family> ]* ] | inherit | depends on user agent | yes | visual | ||
font-size
|
<absolute-size> | <relative-size> | <length> | <percentage> | inherit | medium | yes | refer to inherited font size | visual | |
font-style
|
normal | italic | oblique | inherit | normal | yes | visual | ||
font-variant
|
normal | small-caps | inherit | normal | yes | visual | ||
font-weight
|
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit | normal | yes | visual | ||
font
|
[ [
‘
font-style
’
||
‘
font-variant
’
||
‘
font-weight
’
]?
‘
font-size
’
[ /
‘
line-height
’
]?
font-family
] | caption | icon | menu | message-box | small-caption | status-bar |
inherit
|
see individual properties | yes | see individual properties | visual | |
height
|
<length> | <percentage> | auto | inherit | auto | all elements but non-replaced inline elements, table columns, and column groups | no | see prose | visual |
left
|
<length> | <percentage> | auto | inherit | auto | positioned elements | no | refer to width of containing block | visual |
letter-spacing
|
normal | <length> | inherit | normal | yes | visual | ||
line-height
|
normal | <number> | <length> | <percentage> | inherit | normal | yes | refer to the font size of the element itself | visual | |
list-style-image
|
<uri> | none | inherit | none |
elements with ‘
display:
list-item
’
|
yes | visual | |
list-style-position
|
inside | outside | inherit | outside |
elements with ‘
display:
list-item
’
|
yes | visual | |
list-style-type
|
disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit | disc |
elements with ‘
display:
list-item
’
|
yes | visual | |
list-style
|
[
‘
list-style-type
’
||
‘
list-style-position
’
||
list-style-image
] |
inherit
|
see individual properties |
elements with ‘
display:
list-item
’
|
yes | visual | |
margin-right
margin-left
|
<margin-width> | inherit | 0 | all elements except elements with table display types other than table-caption, table and inline-table | no | refer to width of containing block | visual |
margin-top
margin-bottom
|
<margin-width> | inherit | 0 | all elements except elements with table display types other than table-caption, table and inline-table | no | refer to width of containing block | visual |
margin
|
<margin-width> {1,4} | inherit | see individual properties | all elements except elements with table display types other than table-caption, table and inline-table | no | refer to width of containing block | visual |
max-height
|
<length> | <percentage> | none | inherit | none | all elements but non-replaced inline elements, table columns, and column groups | no | see prose | visual |
max-width
|
<length> | <percentage> | none | inherit | none | all elements but non-replaced inline elements, table rows, and row groups | no | refer to width of containing block | visual |
min-height
|
<length> | <percentage> | inherit | 0 | all elements but non-replaced inline elements, table columns, and column groups | no | see prose | visual |
min-width
|
<length> | <percentage> | inherit | 0 | all elements but non-replaced inline elements, table rows, and row groups | no | refer to width of containing block | visual |
opacity
|
<number> | inherit | 1 | all | no | visual | |
orphans
|
<integer> | inherit | 2 | block container elements | yes | visual , paged | |
outline-color
|
<color> | invert | inherit | invert | no | visual , interactive | ||
outline-style
|
<border-style> | inherit | none | no | visual , interactive | ||
outline-width
|
<border-width> | inherit | medium | no | visual , interactive | ||
outline
|
[
‘
outline-color
’
||
‘
outline-style
’
||
outline-width
] |
inherit
|
see individual properties | no | visual , interactive | ||
overflow
|
visible | hidden | scroll | auto | inherit | visible | block containers | no | visual | |
padding-top
padding-right
padding-bottom
padding-left
|
<padding-width> | inherit | 0 | all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column | no | refer to width of containing block | visual |
padding
|
<padding-width> {1,4} | inherit | see individual properties | all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column | no | refer to width of containing block | visual |
page-break-after
|
auto | always | avoid | left | right | inherit | auto | block-level elements (but see text) | no | visual , paged | |
page-break-before
|
auto | always | avoid | left | right | inherit | auto | block-level elements (but see text) | no | visual , paged | |
page-break-inside
|
avoid | auto | inherit | auto | block-level elements (but see text) | no | visual , paged | |
position
|
static | relative | absolute | fixed | inherit | static | no | visual | ||
quotes
|
[ <string> <string> ]+ | none | inherit | depends on user agent | yes | visual | ||
right
|
<length> | <percentage> | auto | inherit | auto | positioned elements | no | refer to width of containing block | visual |
table-layout
|
auto | fixed | inherit | auto |
‘
table
’ and ‘
inline-table
’ elements
|
no | visual | |
text-align
|
left | right | center | justify | inherit |
a nameless value that acts as ‘
left
’ if ‘
direction
’ is ‘
ltr
’, ‘
right
’ if ‘
direction
’ is ‘
rtl
’
|
block containers | yes | visual | |
text-decoration
|
none | [ underline || overline || line-through || blink ] | inherit | none | no (see prose) | visual | ||
text-indent
|
<length> | <percentage> | inherit | 0 | block containers | yes | refer to width of containing block | visual |
text-transform
|
capitalize | uppercase | lowercase | none | inherit | none | yes | visual | ||
top
|
<length> | <percentage> | auto | inherit | auto | positioned elements | no | refer to height of containing block | visual |
unicode-bidi
|
normal | embed | bidi-override | inherit | normal | all elements, but see prose | no | visual | |
vertical-align
|
baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit | baseline |
inline-level and ‘
table-cell
’ elements
|
no |
refer to the ‘
line-height
’
of the element itself
|
visual |
visibility
|
visible | hidden | collapse | inherit | visible | yes | visual | ||
white-space
|
normal | pre | nowrap | pre-wrap | pre-line | inherit | normal | yes | visual | ||
widows
|
<integer> | inherit | 2 | block container elements | yes | visual , paged | |
width
|
<length> | <percentage> | auto | inherit | auto | all elements but non-replaced inline elements, table rows, and row groups | no | refer to width of containing block | visual |
word-spacing
|
normal | <length> | inherit | normal | yes | visual | ||
z-index
|
auto | <integer> | inherit | auto | positioned elements | no | visual |