轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

Style font 属性

实例

更改文本的字体:

document.getElementById("demo").style.font = "italic bold 20px arial,serif";
亲自试一试 »

定义和用法

font 属性以速记形式设置或返回最多六个独立的字体属性。

通过该属性，您可以设置/返回：

  • font-style
  • font-variant
  • font-weight
  • font-size
  • line-height
  • font-family

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

上述的属性，也可以设置单独的样式属性。强烈建议使用单独的属性这样有更好的可控性。

浏览器支持

属性
font Yes Yes Yes Yes Yes

语法

返回 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

技术细节

默认值: not specified
返回值: 一个字符串，表示元素的不同字体属性
CSS 版本 CSS1

更多实例

实例

返回元素的字体:

alert(document.getElementById("demo").style.font);
亲自试一试 »

相关页面

CSS 教程: CSS Font

CSS 参考手册: font 属性

❮ Style 对象