CSS font shorthand rule

When styling fonts with CSS you may be doing this:
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;

There's no need though as you can use this CSS shorthand property:
font: 1em/1.5em bold italic small-caps verdana,serif

Much better! Just a couple of words of warning: This CSS shorthand version will only work if you're specifying both the font-size and the font-family. Also, if you don't specify the font-weight, font-style, or font-varient then these values will automatically default to a value of normal, so do bear this in mind too.

By - Geethalakshmi, On - 2010-02-09

PreviousNext

   
				Login to add Comments .

Play Games Online

Amazing World Facts

Cool Email Forwards

Watch Videos Online

Popular
Recent

30 ways google improves how to lil wayne 30 ways

css font macaroni uppuma english language income statement 301 redirection