CSS font 属性
示例
使用简写声明设置一些字体属性
p.a {
font: 15px Arial, sans-serif;
}
p.b {
font: italic small-caps bold 12px/30px Georgia, serif;
}
自己动手试一试 »
更多“自己尝试”的例子见下文。
定义和用法
font 属性是以下属性的简写属性：
font-size 和 font-family 值是必需的。如果其他值缺失，则使用其默认值。
注意： line-height 属性设置行之间的间距。
| 默认值 | 字体属性的默认值 |
|---|---|
| 继承 | 是 |
| 可动画 | 是，参见各个属性。 阅读关于可动画属性 尝试一下 |
| 版本 | CSS1 |
| JavaScript 语法 | object.style.font="italic small-caps bold 12px arial,sans-serif" 尝试一下 |
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
注意：请参阅下方各个值的浏览器支持情况。
CSS 语法
font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;
属性值
| 属性/值 | 描述 | 演示 |
|---|---|---|
| font-style | 指定字体样式。默认值为 "normal" | 演示 ❯ |
| font-variant | 指定字体变体。默认值为 "normal" | 演示 ❯ |
| font-weight | 指定字体粗细。默认值为 "normal" | 演示 ❯ |
| font-size/line-height | 指定字体大小和行高。默认值为 "normal" | 演示 ❯ |
| font-family | 指定字体系列。默认值取决于浏览器 | 演示 ❯ |
| 标题 | 使用系统用于带标签控件（如按钮、下拉列表等）的字体 | |
| icon | 使用系统用于图标标签的字体 | |
| 菜单 | 使用系统用于下拉菜单的字体 | |
| 消息框 | 使用系统用于对话框的字体 | |
| 小标题 | caption 字体的一个小版本 | |
| 状态栏 | 使用系统用于状态栏的字体 | |
| initial | 将此属性设置为其默认值。阅读关于initial | |
| inherit | 从其父元素继承此属性。阅读关于inherit |
更多示例
示例
演示一些其他字体属性值。
<p style="font:caption">浏览器用于带标签控件的字体。</p>
<p style="font:icon">浏览器用于图标标签的字体。</p>
<p style="font:menu">浏览器用于下拉菜单的字体。</p>
<p style="font:message-box">浏览器用于对话框的字体。</p>
<p style="font:small-caption">caption 字体的一个小版本。</p>
<p style="font:status-bar">浏览器用于状态栏的字体。</p>
自己动手试一试 »
相关页面
CSS 教程：CSS 字体
HTML DOM 参考： font 属性
