CSS font-weight属性

  • 定义和用法

    font-weight属性设置应显示文本中的粗或细字符。
    特征 说明
    默认值 normal
    继承
    动画 有。CSS动画参考
    CSS版本 CSS1
    JavaScript语法 object.style.fontWeight="bold"尝试一下
  • 浏览器支持

    表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。
    属性 IE/Edge Chrome FireFox Safari Opera
    属性名称
    font-weight 4.0+ 2.0+
    1.0+
    1.3+ 3.5+
  • CSS语法

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

    为三个段落设置不同的字体粗细:
    p.normal {
      font-weight: normal;
    }
    
    p.thick {
      font-weight: bold;
    }
    
    p.thicker {
      font-weight: 900;
    }
    尝试一下
  • 属性值

    属性值 描述
    normal 定义普通字符。 这是默认的
    bold 定义粗字符
    bolder 定义较粗的字符
    lighter 定义较轻的字符
    100
    200
    300
    400
    500
    600
    700
    800
    900
    从细到粗的字符定义。 400与正常相同,700与粗体相同
    initial 将此属性设置为其默认值。查看initial关键字
    inherit 从其父元素继承此属性。查看inherit关键字
  • 相关页面

    HTML教程:HTML样式
    CSS教程:CSS字体