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

浏览器支持

ChromeEdgeFirefoxSafariOpera
ChromeEdgeFirefoxSafariOpera
支持支持支持支持支持