CSS属性 - font 字体属性

说明

该CSS属性是各种字体属性的一种快捷的综合写法。

值:[ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit

可用值值的说明
font-stylefont-style属性的任何可用值
font-variantfont-variant属性的任何可用值
font-weightfont-weight属性的任何可用值
font-size

font-size属性的任何可用值

如果用百分比值,该值表示对应其父对象字体大小的百分比。

line-height

line-height属性的任何可用值

如果和font属性一起用,必须在值前加斜杠(/)。

line-height采用百分比值,表示该元素字体大小的对应百分比,而不是父对象。

font-familyfont-family属性的任何可用值
caption用户配置字体,用在有标题或标签的对象上。
icon用户配置字体,用在图标标签上。
menu用户配置字体,用在菜单上。
message-box用户配置字体,用在对话框上。
small-caption用户配置字体,用在小控件上。
status-bar用户配置字体,用在窗口状态栏上

该CSS属性的缺省值为:normal normal normal medium normal "Times New Roman"。

这是一个最多可以写 6 个值的符合属性。其中,font-style, font-variant 和 font-weight 值可以任意顺序,只要在 font-size 前面即可;但是 font-size, line-height 和 font-family 值必须按照顺序写。如果其中一个分属性值没有设定,则采用 font 中对应该分属性的缺省值。

从 Internet Explorer 6 起,如果你用了 !DOCTYPE 声明,font 属性设定则必须满足以下条件:

  1. font-size 和 font-family 必须声明。如果没有声明,或者顺序不正确,font 属性无效。
  2. 所有值必须以正确的顺序显示。否则,font 属性无效。
  3. 在标准兼容模式下 (standards-compliant mode),缺省的字体大小是 small,而不是 normal。如果没有显示声明,font-size 返回一个 pt 值。

如果要设定用户配置字体 caption, icon, menu, message-box, small-caption, or status-bar,请不要和该属性其他值一起,否则其他值会显示,但是用户配置字体值则无效。

示例代码

p {font: italic small-caps 600 12px /18px Courier;}
p {font: italic normal bolder 12pt Arial}

继承

适用于

所有元素