font-stretchプロパティ。

CSSに於いて当該要素を出力する際の文字の横幅・font-stretchプロパティに関する解説です。

font-stretchプロパティは現在策定中のCSS第二水準第一改訂版(CSS 2.1)では廃止され、現在策定中のCSS第三水準(CSS 3)・フォントモジュールにて改めて扱われる予定となっております。

font-stretchプロパティとは。

font-stretchプロパティは、当該要素を出力する際の文字の横幅です。

ここで言う横幅とは、個々の文字の幅を縮めたり拡げたりする事で決めるものです。

font-stretchプロパティの扱い。

読み飛ばす

font-stretchプロパティの書式。

font-stretchプロパティの書式は、以下のようになります。

font-stretch: 値

値としては、以下のものが取れます。

読み飛ばす

inherit

一番近い上位要素で指定された横幅を継承します。

ultra-condensed

extra-condensed

condensed

semi-condensed

normal

semi-expanded

expanded

extra-expanded

ultra-expanded

キーワードは文字幅が狭い順に以下の九段階となります。

ultra-condensed
extra-condensed
condensed
semi-condensed
normal(デフォルト)
semi-expanded
expanded
extra-expanded
ultra-expanded

narrower

一番近い上位要素で指定された幅より一段階狭い幅を取ります。但し、元がultra-condensedの場合はそれ以上狭くはなりません。

wider

一番近い上位要素で指定された幅より一段階広い幅を取ります。但し、元がultra-expandedの場合はそれ以上広くはなりません。

font-stretchプロパティの記述例。

読み飛ばす

例えば、幅を小さくした文字を指定する場合は、

* {
    font-stretch: ultra-condensed;
    }

と記述します。

font-stretchプロパティに関する注意事項。

font-stretchプロパティの仕様上の注意。

font-stretchプロパティは廃止されます。

font-stretchプロパティは現在策定中のCSS第二水準第一改訂版(CSS 2.1)では廃止される事となっております。

font-stretchプロパティの実装上の注意。

現時点で、font-stretchプロパティを実装しているユーザエージェントは無いようです。

WAP 2.0での注意事項。

WAP 2.0では、font-stretchプロパティは定義されておりません。