当前位置: 首页 > 文档资料 > CSS 入门教程 >

font-weight

优质
小牛编辑
128浏览
2023-12-01

描述 (Description)

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

可能的值 (Possible Values)

  • 100, 200, 300, 400, 500, 600, 700, 800 and 900 - 从细到粗的字符定义。 400与正常相同,700与粗体相同。

  • normal - 默认。 定义普通字符并等效于值400。

  • bold - 相当于值700。

  • bolder - 元素的字体字符应该比父元素的字体字符重。

  • lighter - 元素的字体字符应该比父元素的字体字符要轻。

适用于 (Applies to)

所有HTML元素。

DOM语法 (DOM Syntax)

object.style.fontWeight = "900";

例子 (Example)

以下是使用此属性的示例 -

<html>
   <head>
   </head>
   <body>
      <p <b>style = "font-weight:bold;"</b>>
         This font is bold.
      </p>
      <p <b>style = "font-weight:bolder;"</b>>
         This font is bolder.
      </p>
      <p <b>style = "font-weight:500;"</b>>
         This font is 500 weight.
      </p>
   </body>
</html> 

这将产生以下结果 -