Style font 属性

定义和用法

font 属性以简写形式设置或返回最多六个单独的字体属性。

通过此属性，您可以设置/返回以下内容（按此顺序）：

font-size 和 font-family 是必需。如果缺少其他值之一，则将插入默认值（如果有）。

上面的属性也可以使用单独的样式属性进行设置。强烈建议非高级作者使用单独的属性，以获得更好的可控性。

另请参阅：

CSS 教程：CSS 字体

CSS 参考手册：font 属性

实例

例子 1

设置 <p> 元素的字体：

document.getElementById("myP").style.font = "italic bold 20px arial,serif";

亲自试一试

例子 2

返回 <p> 元素的字体：

alert(document.getElementById("myP").style.font);

亲自试一试

语法

返回 font 属性：

object.style.font

设置 font 属性：

object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"

属性值

值 描述
style 设置字体样式。
variant 将文本设置为小型大写字体。
weight 设置字体的粗细。
size 设置字体大小。
lineHeight 设置行间距。
family 设置字体。
caption 用于标题控件（如按钮、下拉菜单等）的字体。
icon 用于标记图标的字体。
menu 菜单中使用的字体。
message-box 对话框中使用的字体。
small-caption 小型控件中使用的字体。
status-bar 窗口状态栏中使用的字体。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： 未指定
返回值： 字符串，表示元素的不同字体属性。
CSS 版本： CSS1

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持