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

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

关键字normal400相同,bold700相同。

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