阅读 (0)

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把收缩比例设置为更进一步的收缩值
  • ultra-condensed

  • extra-condensed

  • condensed

  • semi-condensed

  • semi-expanded

  • expanded

  • extra-expanded

  • ultra-expanded

设置 font-family 的缩放比例。

"ultra-condensed" 是最宽的值,而 "ultra-expanded" 是最窄的值。

技术细节

默认值:normal
继承性:yes
版本:CSS2
JavaScript 语法:object.style.fontStretch="ultra-expanded"

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

ChromeIE / EdgeFirefoxSafariOpera
48.09.09.011.035.0