Property
|
Values
|
Applies
to
|
inherited
|
%
values
|
|
font-family |
[[<family-name> | <generic-family>],]* [<family-name> | <generic-family>]
default: UA-specific |
all
elements |
yes |
n/a |
|
font-style |
normal | italic | oblique |
all
elements |
yes |
n/a |
|
font-variant |
normal | small-caps |
all
elements |
yes |
n/a |
|
font-weight |
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 |
600 | 700 | 800 | 900 |
all
elements |
yes |
n/a |
|
font-size |
<absolute-size> | <relative-size> | <length> | <percentage>
default: medium |
all
elements |
yes |
relative
to parent element's font size |
font
(shorthand property) |
[<font-style> || <font-variant> || <font-weight>]? <font-size>
[/<line-height>]? <font-family>
default: not defined |
all
elements |
yes |
allowed
on <font-size> and <line-height> |
| Background and Color |
|
color |
<color>
default: UA-specific |
all
elements |
yes |
n/a |
|
background-color |
transparent | <color> |
all
elements |
no |
n/a |
|
background-image |
none | <url> |
all
elements |
no |
n/a |
|
background-repeat |
repeat | repeat-x | repeat-y | no-repeat |
all
elements |
no |
n/a |
|
background-attachment |
scroll | fixed |
all
elements |
no |
n/a |
|
background-position |
[<percentage> | <length>]{1,2} | [top | center | bottom] || [left | center |
right]
default: 0% 0% |
block-level and replaced elements |
no |
refer to
the size of the element itself |
background
(shorthand property) |
<background-color> || <background-image> || <background-repeat> ||
<background-attachment> || <background-position>
default: not defined |
all
elements |
no |
allowed
on <background-
position> |
