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
支持 支持 支持 支持 支持