HTML and CSS Reference
In-Depth Information
Compatibility
CSS 1, 2, 3
IE 4+
Netscape 4+, Firefox 1+
Opera 4+, Safari 1+
Note
• Visually oblique and italic settings may look the same but oblique is often simply a
slanted version of a font, whereas an italicized variant may be a custom font made
to purposefully and carefully italicize each letter form.
font-variant
This property sets a variation of the specified or default font family.
Syntax
font-variant: normal | small-caps | inherit
The
small-caps
value sets text in smaller-size all capitals. The
normal
value would be
used to override any inherited
font-variant
value.
Examples
.legalese {font-variant: small-caps;}
.notlegal {font-variant: normal;}
Compatibility
CSS 1, 2, 3
IE 4+
Netscape 4+, Firefox 1+
Opera 4+, Safari 1+
Note
• The
small-caps
style is often used in license and legal agreements—put in all capitals
to suggest importance but made small to discourage reading and to fit more content.
font-weight
This property sets the weight, or relative boldness, of text.
Syntax
font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 |
600 | 700 | 800 | 900 | inherit
Values can be set with named values (
normal
or
bold
) or with numbered values (
100
-
900
).
In practice, under most browsers the values
100
-
500
display as normal text;
600
-
900
display
as bold. Relative values of
lighter
or
bolder
will increase or decrease the
font-weight
value relative to its surrounding weight.
Examples
.bold {font-weight: bold;}
#light {font-weight: 300;}
.superbold {font-weight: 900;}
strong {font-weight: normal; color: red;}
/* note override of default tag presentation*/