CSS font Property
Example
p {
font: italic small-caps bold 12px Georgia;
}Hello World!
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Meaning
The font property provides a shorthand way to specify all font properties with one rule.
| Default value: | See individual properties |
| Inherited: | Yes |
| Animatable: | Yes |
| Version: | CSS1 |
| JavaScript syntax: | |
Standard Syntax
font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit|revert|revert-layer|unset;Browser Support
The numbers in the table specify the first browser version that fully supports the property.
Status
Property Values
The following table describes the values of this property.
| Value | Description |
|---|---|
| font-style | Specifies the font style. |
| font-variant | Specifies the font variant. |
| font-weight | Specifies the font weight. |
| font-size/line-height | Specifies the font size and the line-height. |
| font-family | Specifies the font family. |
| caption | Specifies the font that are used by captioned controls. |
| icon | Specifies the font that are used by icon labels. |
| menu | Specifies the fonts that are used by dropdown menus. |
| message-box | Specifies the fonts that are used by dialog boxes. |
| small-caption | Specifies a smaller version of the caption font. |
| status-bar | Specifies the fonts that are used by the status bar. |
| initial | Sets this property to its default value. |
| inherit | If specified, the associated element takes the computed value of its parent element animation-delay property. |
| revert | Reverts the cascaded value of the property from its current value to the value the property |
| revert-layer | Rollback styles to the ones specified in previous cascade layers. |
| unset | Resets a property to its inherited value if the property naturally inherits from its parent, and to its initial value if not. |
Default CSS Property Values
selectors {
font: See individual properties;
}