CSS3 font-stretch プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

全 <div> 要素のテキストの幅を広くします:

div {
    font-stretch: expanded;
}
Try it Yourself ❯

定義と用法

font-stretch プロパティは、テキストを広げたり狭めたりすることを可能にします。

デフォルト値: normal
継承: 継承する
アニメーション可否: 可。animatable を参照
バージョン: CSS3
JavaScript 構文: object.style.fontStretch="expanded"

ブラウザ・サポート

主要なブラウザのいずれもが font-stretch プロパティをサポートしていません。

プロパティ
font-stretch 未サポート 未サポート 未サポート 未サポート 未サポート

構文

font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;

プロパティの値

extra-condensed
説明
ultra-condensed テキストを設定しうる最小幅に狭める
extra-condensed テキストを condensed より狭く、ultra-condensed よりは広くします
condensed テキストを semi-condensed より狭く、extra-condensed よりは広くします
semi-condensed テキストを narrower より狭く、condensed よりは広くします
normal デフォルト値。フォントを広げたり狭めたりしません
semi-expanded テキストを narrower よりも広く、expanded よりは狭くします
expanded テキストを semi-expanded よりも広く、extra-expanded よりは狭くします
extra-expanded テキストを expanded よりも広く、ultra-expanded よりは狭くします
ultra-expanded テキストを設定しうる最大の幅に広げます
initial プロパティにデフォルト値を設定します。initial を参照
inherit このプロパティは親要素を継承します。inherit を参照


❮ 前章へ 完全な CSS リファレンス 次へ ❯