CSS 3 font-stretch 属性
css font-Stretch 属性可以让文字变宽或变窄
| 默认值 | none |
|---|---|
| 继承 | yes |
| 版本 | CSS3 |
| JavaScript 语法 | object.style.fontStretch="expanded" |
语法
font-stretch: wider| narrower | ultra-condensed | extra-condensed | condensed|semi-condensed|normal|semi-expanded|expanded| extra-expanded |ultra-expanded|inherit;值说明
| 值 | 说明 |
|---|---|
| wider | 使得文本更宽 |
| narrower | 使得文本窄 |
| ultra-condensed | 使文本窄得不能再窄 |
| extra-condensed | 指定紧缩程度第二大的字体 |
| condensed | 指定略微紧缩程度第二大的字体 |
| semi-condensed | 指定略微紧缩的字体 |
| normal | 指明字体既不紧缩也不加宽 |
| semi-expanded | 指定略微加宽的字体 |
| expanded | 指定加宽的字体 |
| extra-expanded | 指定加宽程度第二大的字体 |
| ultra-expanded | 指定加宽程度最大的字体 |
| inherit | 指定该属性与元素父项的属性采用相同的计算值 |
浏览器支持
目前没有主流浏览器支持 font-Stretch 属性
范例
让所有的 div 元素的文本更宽
div {
font-stretch: expanded;
}本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！