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>