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 デフォルト値。拡縮率を標準に設定します。
幅広い 拡張率をさらに拡張する値に設定します。
狭い 収縮率をさらに収縮する値に設定します。
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

font-familyの拡縮率を設定します。

"ultra-condensed"は最も幅広い値であり、"ultra-expanded"は最も狭い値です。

技術的詳細

デフォルト値： normal
継承性： はい
バージョン： CSS2
JavaScript文法： object.style.fontStretch="ultra-expanded"

ブラウザのサポート

このテーブルの数字には、この属性を完全にサポートする最初のブラウザのバージョンが記載されています。

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