The order of CSS font composite properties_html/css_WEB-ITnose

CSS Reference Manual

Example

Set all font properties in one declaration:

p.ex1  {  font:italic arial,sans-serif;  }p.ex2  {  font:italic bold 12px/20px arial,sans-serif;  }

Try it for yourself

Browser support

IE Firefox Chrome Safari Opera

All browsers support the font attribute.

Note: The attribute value "inherit" is not supported in any version of Internet Explorer (including IE8).

Definition and Usage

font shorthand property sets all font properties in a single declaration.

Note: This attribute also has a sixth value: "line-height", which can set the line spacing.

Description

This shorthand attribute is used to set two or more aspects of an element's font at once. Use keywords such as icon to appropriately set the font of an element to match an aspect of the user's computer environment. Note that if these keywords are not used, at least the font size and font family must be specified.

You can set the following properties in order:

font-style

font-variant

font-weight

font-size/ line-height

font-family

You can not set one of the values, such as font:100% verdana; is also allowed. Properties that are not set use their default values.

默认值： 继承性： 版本： JavaScript 语法：

not specified

yes

CSS1

object.style.font="italic small-caps bold 12px arial,sans-serif"

Possible values

值 描述

font-style	规定字体样式。参阅：font-style 中可能的值。
font-variant	规定字体异体。参阅：font-variant 中可能的值。
font-weight	规定字体粗细。参阅：font-weight 中可能的值。
font-size/line-height	规定字体尺寸和行高。参阅：font-size 和 line-height 中可能的值。
font-family	规定字体系列。参阅：font-family 中可能的值。
caption	定义被标题控件（比如按钮、下拉列表等）使用的字体。
icon	定义被图标标记使用的字体。
menu	定义被下拉列表使用的字体。
message-box	定义被对话框使用的字体。
small-caption	caption 字体的小型版本。
status-bar	定义被窗口状态栏使用的字体。

TIY instance

All font properties in one declaration This example shows how Use shorthand attributes to set font properties within a declaration. Setting the paragraph font using the "caption" value This example shows how to set the paragraph font using the "caption" value.

Related Pages

CSS Tutorial: CSS Fonts

HTML DOM Reference Manual: font attribute

CSS Reference Manual