CSS font Property
Complete CSS Reference
Definition
The font property is, with exception of some system fonts, a shorthand property for setting all of the properties for a font in one
declaration.
Inherited: Yes
Note: This property also has a sixth value: "line-height",
which sets the space between lines.
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.font="italic bold 12px
arial,serif"
In our HTML DOM tutorial you can find more details about the
font property.
In our HTML DOM tutorial you can also find a full
Style Object Reference.
Example
p
{
font: 12px arial
}
p
{
font: italic small-caps bold 12px arial
}
p
{
font: oblique small-caps 900 12px/14px arial
}
p
{
font: menu
}
|
Possible Values
Value |
Description |
font-style
font-variant
font-weight
font-size/line-height
font-family |
Sets the properties for a font. The line-height value sets
the space between lines. The value can be a number, a %, or a font size.
Default value: Browser dependent |
caption |
Defines the font that are used by captioned controls (like
buttons, drop-downs, etc.) |
icon |
Defines the fonts that are used by icon labels |
menu |
Defines the fonts that are used by dropdown menus |
message-box |
Defines the fonts that are used by dialog boxes |
small-caption |
|
status-bar |
Defines the fonts that are used by window status bars |
Try-It-Yourself Demos
All the font properties in one
declaration
This example demonstrates how to use the shorthand property for setting all of
the font properties in one declaration.
Set a
paragraph font using the "caption" value
This example demonstrates how to set a paragraph font using the "caption" value.
Complete CSS Reference
|