CSS font Property

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"

---

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

Goto CSS3 and CSS2 complete reference