HTML and CSS Reference
In-Depth Information
Font Size
The
font-size
property provides the ability to set the size of text using common length
values, including pixels, em units, percentages, points, or
font-size
keywords.
Here the CSS is setting a
font-size
of
14
pixels on the
<body>
element:
1.
body {
2.
font-size: 14px;
3.
}
Font Style
To change text to italics, or to prevent text from being italicized, we'll use the
font-
style
property. The
font-style
property accepts four keyword values:
normal
,
it-
alic
,
oblique
, and
inherit
. Of these four, the most commonly used are
italic
(sets text to italic) and
normal
(returns text to its normal style).
The following CSS sets all elements with a class of
special
to include a
font-style
of
italic
:
1.
.special {
2.
font-style: italic;
3.
}
Font Variant
It doesn't happen often, but occasionally text will need to be set in small capitals, also
known as small caps. For this specific case we'll use the
font-variant
property. The
font-variant
property accepts three values:
normal
,
small-caps
, and
inherit
.
The most typically seen values are
normal
and
small-caps
, which are used to switch
typefaces between normal and small caps variants.
To switch all elements with a class of
firm
, we'll use a
font-variant
of
small-
caps
:
1.
.firm {
2.
font-variant: small-caps;
3.
}
Search WWH ::
Custom Search