JavaScript HTML DOM Style font 属性

• 

  font 属性

  font属性以简写形式设置或返回最多六个单独的字体属性。使用此属性，您可以设置/返回以下内容（按此顺序）：

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

  font-size和font-family是必需的。如果缺少其他值之一，则将插入默认值（如果有）。上面的属性也可以使用单独的样式属性进行设置。强烈建议非高级作者使用单独的属性以获得更好的可控性。

  设置p元素的字体：

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

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  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

• 

  更多例子

  返回p元素的字体：

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

  尝试一下
• 

  相关页面

  CSS教程：CSS 字体

  CSS参考：CSS font 属性