CSS font-weight 属性
示例
为三个段落设置不同的字体粗细
p.normal {
font-weight: normal;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight: 900;
}
自己动手试一试 »
定义和用法
font-weight
属性设置文本字符的粗细或细度。
默认值 | normal |
---|---|
继承 | 是 |
可动画 | 是。 阅读关于可动画的内容 尝试一下 |
版本 | CSS1 |
JavaScript 语法 | object.style.fontWeight="bold" 尝试一下 |
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
font-weight | 2.0 | 4.0 | 1.0 | 1.3 | 3.5 |
CSS 语法
font-weight: normal|bold|bolder|lighter|数字|initial|inherit;
属性值
值 | 描述 | 演示 |
---|---|---|
normal | 定义正常字符。这是默认值 | 演示 ❯ |
粗体 | 定义粗字符 | 演示 ❯ |
更粗 | 定义更粗的字符 | 演示 ❯ |
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 属性