CSS font 属性
实例
在一个声明中设置所有字体属性：
p.a
{
font: 15px Arial, sans-serif;
}
p.b {
font: italic small-caps bold 12px/30px Georgia, serif;
}
亲自试一试 »
font: 15px Arial, sans-serif;
}
p.b {
font: italic small-caps bold 12px/30px Georgia, serif;
}
下面有更多实例。
定义和用法
font 是以下属性的简写属性：
font-size 和 font-family 的值是必需的。如果缺少了其他值，默认值将被插入，如果有默认值的话。
注释： line-height 属性设置行与行之间的空间。
| 默认值: | 字体属性的默认值 |
|---|---|
| 继承性: | yes |
| 支持动画: | yes, 请参阅单独的属性. 阅读有关动画的信息 测试一下 |
| 版本: | CSS1 |
| JavaScript 语法: | object.style.font="italic small-caps bold 12px arial,sans-serif" 测试一下 |
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
注释: See individual browser support for each value below.
语法
font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;
属性值
| Property/Value | 描述 |
|---|---|
| font-style | 规定字体样式。默认值是 "normal" |
| font-variant | 规定字体异体。 默认值是 "normal" |
| font-weight | 规定字体粗细。 默认值是 "normal" |
| font-size/line-height | 规定字体尺寸和行高。默认值是 "normal" |
| font-family | 指定字体系列。默认值取决于浏览器 |
| caption | 定义被标题控件（比如按钮、下拉列表等）使用的字体。 |
| icon | 定义被图标标记使用的字体。 |
| menu | 定义被下拉列表使用的字体。 |
| message-box | 定义被对话框使用的字体。 |
| small-caption | caption 字体的小型版本。 |
| status-bar | 定义被窗口状态栏使用的字体。 |
| initial | 将此属性设置为其默认值。请参阅 initial |
| inherit | 从其父元素继承此属性。请参阅 inherit |
更多实例
实例
这个例子演示了一些其他的font属性值。
<p style="font:caption">The browser font used in captioned controls.</p>
<p style="font:icon">The browser font used in icon labels.</p>
<p style="font:menu">The browser font used in dropdown menus.</p>
<p style="font:message-box">The browser font used in dialog boxes.</p>
<p style="font:small-caption">A smaller version of the caption font.</p>
<p style="font:status-bar">The browser font used in the status bar.</p>
亲自试一试 »
<p style="font:icon">The browser font used in icon labels.</p>
<p style="font:menu">The browser font used in dropdown menus.</p>
<p style="font:message-box">The browser font used in dialog boxes.</p>
<p style="font:small-caption">A smaller version of the caption font.</p>
<p style="font:status-bar">The browser font used in the status bar.</p>
相关页面
CSS 教程: CSS 字体
HTML DOM 参考手册: font 属性
