JavaScript HTML DOM Style font 属性

  • font 属性

    font属性以简写形式设置或返回最多六个单独的字体属性。使用此属性,您可以设置/返回以下内容(按此顺序):
    • font-style
    • font-variant
    • font-weight
    • font-size
    • line-height
    • font-family
    font-sizefont-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 属性