CSS font-stretch 属性
实例
让所有的 div 元素的文本更宽：
div
{
font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
font-stretch: expanded;
}
font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
font-stretch: expanded;
}
定义和用法
font-stretch 属性允许你使文字变宽或变窄。
注释: font-stretch 属性为字体定义一个正常或经过伸缩变形的字体外观，这个属性并不会通过伸展/缩小而改变字体的几何外形，
如font-feature-settings和font-variant属性，它仅仅意味着当有多种字体可供选择时，会为字体选择最适合的大小。
| 默认值: | normal |
|---|---|
| 继承性: | yes |
| 支持动画: | yes. 阅读有关动画的信息 |
| 版本: | CSS3 |
| JavaScript 语法: | object.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 |
