目录

style font 属性

示例

设置元素的字体:

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

描述

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

使用此属性,您可以设置/返回以下内容(按此顺序):

  • 字体样式
  • 字体变体
  • 字体粗细
  • 字体大小
  • 行高
  • 字体系列

字体大小和字体系列是必需的。如果缺少其他值之一,则将插入默认值(如果有)。

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


浏览器支持

Property
font Yes Yes Yes Yes Yes


语法

返回字体属性:

object.style.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;"

属性值

Value Description
style Sets the font-style
variant Sets the text in a small-caps font
weight Sets the boldness of the font
size Sets the size of the font
lineHeight Sets the distance between lines
family Sets the font face
caption The font used for captioned controls (like buttons, drop-downs, etc.)
icon The font used to label icons
menu The font used in menus
message-box The font used in dialog boxes
small-caption The font used in small controls
status-bar The font used in window status bars
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值: 未指定
返回值: 一个字符串,代表元素的不同字体属性
CSS版本 CSS1

更多示例

示例

返回元素的字体:

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

相关页面

CSS教程:CSS 字体

CSS 参考:字体属性