例
指定在一个声明中的所有字体属性:
p.ex1
{
font: 15px arial, sans-serif;
}
p.ex2
{
font: italic bold 12px/30px Georgia, serif;
}
试一试» 更多"Try it Yourself"下面的例子。
定义和用法
字体缩写属性在一个声明中设置所有字体属性。
可设置的属性,是(in order) : "font-style font-variant font-weight font-size/line-height font-family"
字体大小和字体的家庭观念是必需的。 如果其他值之一是缺少,默认值将被插入,如果有的话。
Note:行高属性设置线之间的空间。
默认值: | The default value of all the font properties |
---|---|
遗传: | yes |
动画: | yes, see individual properties . Read about animatable Try it |
版: | CSS1 |
JavaScript语法: | object .style.font="italic small-caps bold 12px arial,sans-serif" Try it |
浏览器支持
在表中的数字规定,完全支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
font | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
注:请参阅下面的每个值单独浏览器的支持。
CSS语法
font:font-stylefont-variantfont-weightfont-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 | 指定字体系列。 默认值取决于浏览器。 见FONT-FAMILY可能的值。 |
caption | 使用由字幕控件所使用的字体(比如按钮,下拉等) |
icon | 使用由图标标签使用的字体 |
menu | 使用由下拉菜单中使用的字体 |
message-box | 使用由对话框使用的字体 |
small-caption | 标题字体的缩小版 |
status-bar | 使用由状态栏中使用的字体 |
initial | 将此属性设置为默认值。 阅读关于初始 |
inherit | 继承其父元素此属性。 阅读关于继承 |
更多示例
例
一些其他字体属性值的演示。
<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>
试一试» 相关页面
CSS教程: CSS字体
HTML DOM参考: font property