HTML and CSS Reference
In-Depth Information
And even more shorthands
No description of shorthands would be complete without mentioning font shorthands.
Check out all the properties we need for fonts:
font-family
,
font-style
,
font-weight
,
font-size
,
font-variant
, and don't forget
line-height
. Well,
there's a shorthand that wraps all these into one. Here's how it works:
font:
font-style font-variant font-weight font-size/line-height font-family
So let's give this a try. Here are the font properties for the lounge body:
font-size: small;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 1.6em;
Now let's map those to the shorthand:
font:
font-style font-variant font-weight font-size/line-height font-family
And now let's write the shorthand:
font: small/1.6em Verdana, Helvetica, Arial, sans-serif;