A Complete Guide to Web Design

Properties 401

CSS

Properties

Web Design in a Nutshell, eMatter Edition

font-style

Values:
normal|italic|oblique

Example:
H1 { font-style: italic }

Applies to:
All elements

Inherited:
Yes
Thefont-styleproperty selects betweennormal(the default) anditalic
orobliquefaces within a font family. Oblique type is just a slanted version
of the normal face. Italic is usually a separate face design with more curved
characters. Note thatboldis part offont-weight, notfont-stylein style
sheet syntax.

font-variant

Values:
normal|small-caps

Example:
P:first-line { font-variant: small-caps }

Applies to:
All elements

Inherited:
Yes
Use thefont-variantproperty to specify that an element display in small
caps. If a true small caps font face is not available, the browser may simulate
true small caps by displaying all caps at a reduced size. More values may be
supported for this property in future style sheet versions.

font-weight

Values:
normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900

Example:
STRONG { font-weight: 700 }

Applies to:
All elements

Inherited:
Yes
Thefont-weightproperty specifies the weight, or boldness, of the type. It
can be specified either as a descriptive term (normal, bold, bolder,