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