CSS Font Property

From http://www.w3schools.com (Copyright Refsnes Data)

# 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

From http://www.w3schools.com (Copyright Refsnes Data)