CSS font-stretch属性

  • 定义和用法

    font-stretch属性允许您使文本更宽或更窄。
    注意font-stretch属性不适用于任何字体!它仅在字体系列具有宽度变量面时才有效。font-stretch属性本身不会拉伸字体。
    特征 说明
    默认值 normal
    继承
    动画 有。CSS动画参考
    CSS版本 CSS3
    JavaScript语法 object.style.fontStretch="expanded"
  • 浏览器支持

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

    font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;
  • 实例

    使所有<div>元素中的文本更宽:
    div {
      font-stretch: expanded;
    }
    尝试一下
  • 属性值

    属性值 描述
    ultra-condensed 使文本变得狭窄
    extra-condensed 使文本比压缩更窄,但不像超浓缩那样窄
    condensed 使文本比半精简更窄,但不像精简那样窄
    semi-condensed 使文本比正常更窄,但不像缩小那样窄
    normal 默认值。 没有字体拉伸
    semi-expanded 使文本比正常更宽,但不像扩展那样宽
    expanded 使文本比半扩展更宽,但不像扩展那样宽
    extra-expanded 使文本比扩展更宽,但不像超扩展那样宽
    ultra-expanded 使文本尽可能宽
    initial 将此属性设置为其默认值。查看initial关键字
    inherit 从其父元素继承此属性。查看inherit关键字
  • 相关页面

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