Scholar Repository
Home>Manual>CSS Font Property

CSS Font Property

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

CSS font Property


CSS Reference 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.


CSS Reference Complete CSS Reference

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

Home>Manual>CSS Font Property