CSS 属性
全部展开 | 全部折叠
CSS 规则

CSS font-weight 属性

主题:CSS3 属性参考上一页|下一页

说明

font-weight CSS 属性设置字体的粗细或粗细。

下表总结了此属性的使用上下文和版本历史记录。

默认值: normal
适用于: 所有元素
继承: Yes
动画: Yes. 参见动画属性。
版本: CSS 1, 2, 3

语法

属性的语法如下:

font-weight: 
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | initial | inherit

下面的例子展示了 font-weight 属性的作用。

h1 {
    font-weight: normal;
}
p {
    font-weight: bold;
}

属性值

下表描述了该属性的值。

值 说明
normal Specifies normal characters.
bold 指定粗字符。
bolder 选择比从父级继承的粗细更粗的字体粗细。
lighter 选择比从父级继承的粗细更轻的字体粗细。
100

数值 100 到 900 形成一个有序的序列,其中每个数字表示与其前一个数字相等或更暗的权重。

关键字normal与400相同,bold与700相同。

200
300
400
500
600
700
800
900
initial 将此属性设置为其默认值。
inherit 如果指定,则关联元素采用其父元素 font-weight 属性的 计算值。

浏览器兼容性

所有主要的现代浏览器都支持 font-weight 属性。

Browsers Icon

基本支持—

  • Firefox 1+
  • Google Chrome 1+
  • Internet Explorer 3+
  • Apple Safari 1+
  • Opera 3.5+

进一步阅读

请参阅以下教程: CSS 字体, CSS 文本.

相关属性和规则: font, font-style, font-variant, font-size, line-height, font-family, @font-face.

Advertisements