目录

CSS font-weight 属性

❮上一节完整的CSS参考下一节❯

示例

为三个段落设置不同的字体粗细：

p.normal {
font-weight: normal;
}

p.thick {
font-weight: bold;
}

p.thicker {
font-weight: 900;
}

亲自试一试 »

定义和用法

这个font-weight属性设置文本中字符的显示方式。

展示演示❯

默认值：	普通的
遗传：	是的
可动画：	是的。阅读可动画的尝试一下
版本：	CSS1
JavaScript 语法：	对象.style.fontWeight="bold"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
font-weight	2.0	4.0	1.0	1.3	3.5

CSS 语法

font-weight: normal|bold|bolder|lighter| number|initial|inherit;

属性值

Value	Description	Demo
normal	Defines normal characters. This is default	Demo ❯
bold	Defines thick characters	Demo ❯
bolder	Defines thicker characters	Demo ❯
lighter	Defines lighter characters	Demo ❯
100 200 300 400 500 600 700 800 900	Defines from thin to thick characters. 400 is the same as normal, and 700 is the same as bold	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

相关页面

CSS教程：CSS 字体

CSS 参考：字体属性

HTML DOM 参考：fontWeight 属性

❮上一节完整的CSS参考下一节❯