|
(1) (2) (3) (4) (5) (6) (7) (8) (9) (10)
CSS List
Here is a list of CSS1 properties as they pertain to font, text, color, background
image and background placement. They will be broken down into various categories
with examples.
Font Property
Below is information regarding all CSS1 font properties.
'font-family'
This defines the font to be used for a specific element. Use commas to separate
values to indicate they are alternatives. The browser will check each font
in turn, using the first one that is available. If none are available the
default system font will be used. Any font name separated by spaces must
me contained in quotes. You do not have to use specific font names - i.e.
times. You can use generic font classes - .i.e. serif, sans-serif, monospace,
cursive, and fantasy.
|
body {font-family: "Times Roman", serif, garamond,
monospace}
|
'font-style'
Simply defines the style of a specific font. Your choices are:
normal
oblique
italic
inherit - takes the same style as its parent.
|
Body {font-style: italic}
|
'font-variant'
Renders fonts using small caps. You have three choices:
normal
small-caps
inherit
|
h1 {font-variant: small-caps}
|
'font-weight'
Define the thickness of a font. You have five choices:
normal
bold
bolder
lighter
100-900 (100 is light, 400 is normal, 900 is heaviest)
'font-size'
Defines the size of a font. You have several options in setting font sizes;
absolute, relative, point, a valid percentage in relation to the parent and
inherit. Here are several examples:
|
Absolute
example
|
|
p {font-size: xx-small}
|
|
all options: xx-small, x-small, small, medium (default),
large, x-large, xx-large
|
|
Relative
example
|
|
p {font-size: larger}
|
|
options: larger, smaller
|
|
Point
example
|
|
p {font-size: 16pt}
|
|
options: use any positive value
|
|
Percent
example
|
|
p {font-size: 100%}
|
|
options: use any positive or negative percent value from
the parent size
|
|
Inherit
example
|
|
p {font-size: inherit}
|
'font'
Using 'Grouping' you can combine all font properties. It is an easier system
for managing CSS properties. Here is one example that uses all CSS1 font
properties:
|
p {font: normal small-caps bold 14pt times san-serif}
|
(1) (2) (3) (4) (5) (6) (7) (8) (9) (10) |
 |
|
