CSS font-stretch 属性
示例
使 <div> 元素中的文本更宽
div {
font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
font-stretch: expanded;
}
定义和用法
The font-stretch
属性允许您使文本变窄(压缩)或变宽(扩展)。
注意:某些字体提供额外的字形;压缩字形和扩展字形。对于这些字体,您可以使用 font-stretch
属性来选择正常、压缩或扩展的字形。
注意:如果所选字体不提供压缩或扩展字形,则此属性无效!
默认值 | normal |
---|---|
继承 | 是 |
可动画 | 是。 了解有关 可动画 的信息 |
版本 | CSS3 |
JavaScript 语法 | 对象.style.fontStretch="expanded" |
浏览器支持
表中的数字指定完全支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
font-stretch | 48.0 | 9.0 | 9.0 | 11.0 | 35.0 |
语法
font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;
属性值
值 | 描述 |
---|---|
ultra-condensed | 使文本尽可能窄 |
extra-condensed | 使文本比压缩窄,但不如超压缩窄 |
condensed | 使文本比半压缩窄,但不如额外压缩窄 |
semi-condensed | 使文本比正常窄,但不如压缩窄 |
normal | 默认值。无字体拉伸 |
semi-expanded | 使文本比正常宽,但不如扩展宽 |
expanded | 使文本比半扩展宽,但不如额外扩展宽 |
extra-expanded | 使文本比扩展宽,但不如超扩展宽 |
ultra-expanded | 使文本尽可能宽 |
initial | 将此属性设置为其默认值。 了解有关 initial 的信息 |
inherit | 从其父元素继承此属性。 了解有关 inherit 的信息 |