CSS font-stretch 属性 详解
css3基础 2022-07-14 16:28:00小码哥的IT人生shichen
CSS font-stretch 属性
定义和用法
font-stretch 属性可对当前的 font-family 进行伸缩变形。
另请参阅：
CSS 教程：CSS 字体
CSS 参考手册：CSS font 属性
HTML DOM 参考手册：fontStretch 属性
实例
设置 HTML 元素的 font-stretch 属性：
h1
{
font-stretch:ultra-condensed;
}CSS 语法
font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;
属性值
| 值 | 描述 |
|---|---|
| normal | 默认值。把缩放比例设置为标准。 |
| wider | 把伸展比例设置为更进一步的伸展值 |
| narrower | 把收缩比例设置为更进一步的收缩值 |
|
设置 font-family 的缩放比例。 "ultra-condensed" 是最宽的值，而 "ultra-expanded" 是最窄的值。 |
技术细节
| 默认值： | normal |
|---|---|
| 继承性： | yes |
| 版本： | CSS2 |
| JavaScript 语法： | object.style.fontStretch="ultra-expanded" |
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 48.0 | 9.0 | 9.0 | 11.0 | 35.0 |
