CSS font-stretch 属性
示例
使 <div> 元素中的文本变宽
div {
font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
font-stretch: expanded;
}
定义和用法
font-stretch 属性允许您使文本变窄（condensed）或变宽（expanded）。
注意： 某些字体提供额外的字面形式；例如 condensed 字面形式和 expanded 字面形式。对于这些字体，您可以使用 font-stretch 属性来选择 normal、condensed 或 expanded 字体字面形式。
注意： 如果所选字体不提供 condensed 或 expanded 字面形式，此属性将不起作用！
| 默认值 | normal |
|---|---|
| 继承 | 是 |
| 可动画 | 是。 阅读关于 可动画属性 的内容 |
| 版本 | 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 更窄，但不如 ultra-condensed 窄 |
| condensed | 使文本比 semi-condensed 窄，但不如 extra-condensed 窄 |
| semi-condensed | 使文本比 normal 窄，但不如 condensed 窄 |
| normal | 默认值。无字体拉伸 |
| semi-expanded | 使文本比 normal 宽，但不如 expanded 宽 |
| expanded | 使文本比 semi-expanded 宽，但不如 extra-expanded 宽 |
| extra-expanded | 使文本比 expanded 宽，但不如 ultra-expanded 宽 |
| ultra-expanded | 使文本尽可能宽 |
| initial | 将此属性设置为其默认值。阅读关于initial |
| inherit | 从其父元素继承此属性。阅读关于inherit |
