Style fontWeight 属性

定义和用法

fontWeight 属性设置或返回文本中字符的粗细程度。

另请参阅：

CSS 教程：CSS 字体

CSS 参考手册：font-weight 属性

HTML DOM 参考手册：font 属性

实例

例子 1

将 <p> 元素的字体粗细设置为 "900"：

document.getElementById("myP").style.fontWeight = "900";

亲自试一试

例子 2

对可能值的演示：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontWeight = listValue;

亲自试一试

例子 3

返回 <p> 元素的字体粗细：

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

亲自试一试

语法

返回 fontWeight 属性：

object.style.fontWeight

设置 fontWeight 属性：

object.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit"

属性值

值 描述
normal 字体正常。默认。
lighter 字体更细。
bold 字体为粗体。
bolder 字体更粗。
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900

定义从细体到粗体的字符。

400 与 normal 一样，700 与 bold 一样。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： normal
返回值： 字符串值，表示字体的粗细。
CSS 版本： CSS1

浏览器支持

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