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
継承性： yes
バージョン： CSS2
JavaScript文法： object.style.fontStretch="ultra-expanded"

ブラウザのサポート

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

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