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"

浏览器支持

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

Chrome IE / Edge Firefox Safari Opera
48.0 9.0 9.0 11.0 35.0