CSS font-weight 属性
示例
为三个段落设置不同的字体粗细
p.normal {
font-weight: normal;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight: 900;
}
亲自试一试 »
定义和用法
The font-weight 属性设置文本中字符的粗细。
浏览器支持
表格中的数字指定了完全支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| font-weight | 2.0 | 4.0 | 1.0 | 1.3 | 3.5 |
CSS 语法
font-weight: normal|bold|bolder|lighter|number|initial|inherit;
属性值
| 值 | 描述 | 演示 |
|---|---|---|
| normal | 定义普通字符。这是默认值 | 演示 ❯ |
| bold | 定义粗体字符 | 演示 ❯ |
| bolder | 定义更粗的字符 | 演示 ❯ |
| lighter | 定义更细的字符 | 演示 ❯ |
| 100 200 300 400 500 600 700 800 900 |
定义从细到粗的字符。400 等于 normal，700 等于 bold | 演示 ❯ |
| initial | 将此属性设置为其默认值。 了解 initial | |
| inherit | 从其父元素继承此属性。 了解 inherit |
相关页面
CSS 教程：CSS 字体
CSS 参考：font 属性
HTML DOM 参考：fontWeight 属性
