CSS 属性

font-weight是指字符的粗细或粗细。字体系列中的不同粗细可用于在文本中创建视觉层次结构或强调。

font-weight 属性改变元素中字符的视觉粗细。

属性值

  • normal:字体粗细正常。相当于 400。

  • bold:字体粗细。相当于 700。

  • <number>:1 到 1000 之间的值定义字体粗细。较高的数字表示比较低的数字更粗(或同样粗体)的粗细。

  • lighter:相对于父元素的字体粗细较轻。

  • bolder:相对于父元素的字体粗细加粗。

适用范围

所有 HTML 元素。

DOM 语法

object.style.fontWeight = "900"; 

CSS font-weight: 基本示例

这里是一个示例:

<html>
<head>
</head>
<body>
   <p style="font-weight: bold;">Font-weight is bold.</p>
   <p style="font-weight: lighter;">Font-weight is lighter.</p>
   <p style="font-weight: 600;">Font-weight is 600.</p>
   <p style="font-weight: 900;">Font-weight is 900, heavy/black.</p>
   <p style="font-weight: normal;">Font-weight is normal (400).</p>
</body>
</html>