font-weight

  • 版本:CSS1
  • 媒体:视觉
font-weight属性在CSS字体中是比较常用的,本文将带你深入理解font-weight属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上font-weight的演示案例,希望能够对你有所帮助。

font-weight的具体语法

font-weight:normal | bold | bolder | lighter | <integer>

默认值normal

适用于:所有元素

继承性:有

动画性:否

计算值:指定值

font-weight的取值介绍

normal:
正常的字体。相当于number为400
bold:
粗体。相当于number为700。
bolder:
特粗体。也相当于strong和b对象的作用
lighter:
细体
<integer>
用数字表示文本字体粗细。取值范围:100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

font-weight的使用说明

设置或检索对象中的文本字体的粗细。
  • 作用由客户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能看不到不同值之间的差异。
  • 对应的脚本特性为fontWeight

font-weight的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0 1.0 1.3 2.0 3.5

font-weight的完整演示案例

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册