HTML and CSS Reference
In-Depth Information
Compatibility
CSS 1, 2, 3 IE 4-5 (buggy), IE 5.5+ Netscape 4+ (buggy), 6+, Firefox 1+ Opera 6+, Safari 1+
Notes
• The default value for this property is
none
.
• Floated regions act much like
<img>
tags that have been aligned left or right with
respect to text.
font
This property provides a shorthand way to specify all font properties with one rule.
Syntax
font: font-style font-variant font-weight font-size/line-height font-family;
It is not necessary to include all properties, and the lists of variant fonts should be separated
by commas, with those font names consisting of more than one word placed in quotes. The
allowed values are found in each individual property entry.
Examples
p {font: normal small-caps bold 12pt/18pt "Times New Roman", Courier, serif;}
.super {font: italic 18pt sans-serif;}
Compatibility
CSS 1, 2, 3
IE 3 (incomplete), IE 4+
Netscape 4+, Firefox 1+
Opera 6+, Safari 1+
Note
• This emerging CSS3 specification specifies more font-related properties, such as
font-effect
, but interestingly none is replicated in the short form as of yet.
• As with all shorthand forms, document authors should experiment with individual
background-related property values before adopting a short form.
font-family
This property sets the font face to be used for text.
Syntax
font-family: font 1 [, font 2, ... font N]
Fonts may be named specifically or a generic font family name may be used. When multiple
font names are specified and separated by commas, they are read in descending order
looking for the first match. Generally, a generic font name will be listed at the end of a font
list. There are five generic font names currently available:
serif
,
sans-serif
,
cursive
,
