font property:
The font shorthand property sets all the font properties in one declaration.
The properties that can be set (in order):
font-style, font-variant, font-weight, font-size/line-height, font-family
The font-size and font-family values are required.
If one of the other values are missing, the default values will be inserted, if any.
Note: line-height property sets the space between lines.
Eg:
<!DOCTYPE html>
<html>
<head>
<style>
p.ex1 {
font:15px arial,sans-serif;
}
p.ex2 {
font:italic bold 12px/30px Georgia,serif;
}
</style>
</head>
<body>
<p class="ex1">
This is a paragraph. This is a paragraph. This is a paragraph.
</p>
<p class="ex2">
This is a paragraph. This is a paragraph. This is a paragraph.
</p>
</body>
</html>
Font properties:
Property/Value Description
font-style Specifies the font style. See: font-style for possible values
font-variant Specifies the font variant. See: font-variant for possible values
font-weight Specifies the font weight. See: font-weight for possible values
font-size/line-height Specifies the font size and the line-height.
See: font-size and line-height for possible values
font-family Specifies the font family. See: font-family for possible values
caption Uses the font that are used by captioned controls (like buttons, drop-downs, etc.)
icon Uses the font that are used by icon labels
menu Uses the fonts that are used by dropdown menus
message-box Uses the fonts that are used by dialog boxes
small-caption A smaller version of the caption font
status-bar Uses the fonts that are used by the status bar
inherit Specifies that the value of the font property should be inherited from the parent element
For css reference, see here.
