CSS font 属性
示例
使用简写声明设置一些字体属性
p.a {
font: 15px Arial, sans-serif;
}
p.b {
font: italic small-caps bold 12px/30px Georgia, serif;
}
亲自试一试 »
下面还有更多“亲自试一试”的示例。
定义和用法
The 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 | 指定字体系列。默认值取决于浏览器 | 演示 ❯ |
| caption | 使用带标题控件（如按钮、下拉菜单等）使用的字体。 | |
| icon | 使用图标标签使用的字体。 | |
| menu | 使用下拉菜单使用的字体。 | |
| message-box | 使用对话框使用的字体。 | |
| small-caption | 标题字体的较小版本。 | |
| status-bar | 使用状态栏使用的字体。 | |
| 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">标题字体的较小版本。</p>
<p style="font:status-bar">浏览器在状态栏中使用的字体。</p>
亲自试一试 »
相关页面
CSS 教程：CSS 字体
HTML DOM 参考：font 属性
