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 |