font Description:
The font property defines all the font properties in one single property.
font in CSS Versions:
font Syntax:
font: [ [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit
The following are for system fonts.
- caption
The font used for captioned controls (e.g., buttons, drop-downs, etc.). - icon
The font used to label icons. - menu
The font used in menus (e.g., dropdown menus and menu lists). - message-box
The font used in dialog boxes. - small-caption
The font used for labeling small controls. - status-bar
The font used in window status bars. - inherit
The element should have the same font setting as the parent.
font Initial Value:
Not defined.
font Applies To
All elements.
font Inheritance:
This property is inherited.
font Browser Support:
font Examples:
Standard font property
<p style="font : 12pt arial,geneva,sans-serif;">
This paragraph is 12 point sans-serif font.
</p>
With a font-variant
<p style="font : 12pt small-caps arial,geneva,sans-serif;">
This paragraph is the same as above only with small-caps.
</p>font Special Notes:
- font-size and font-family are required

