フォントの幅を指定する
font-stretch
{
font-stretch
font-stretchプロパティは、フォントの幅を指定します。幅の種類が用意されたフォントの場合、指定した幅、またはもっとも近い幅で表示されます。幅の種類がないフォントの場合、表示は変更されません。
初期値 | normal |
---|---|
継承 | あり |
適用される要素 | すべての要素 |
モジュール | CSS Fonts Module Level 3 |
値の指定方法
幅
ultra-expanded | もっとも幅の広いフォントで表示されます。 |
---|---|
extra-expanded | かなり幅の広いフォントで表示されます。 |
expanded | 幅の広いフォントで表示されます。 |
semi-expanded | やや幅の広いフォントで表示されます。 |
normal | 通常の幅のフォントで表示されます。 |
semi-condensed | やや幅の狭いフォントで表示されます。 |
condensed | 幅の狭いフォントで表示されます。 |
extra-condensed | かなり幅の狭いフォントで表示されます。 |
ultra-condensed | もっとも幅の狭いフォントで表示されます。 |
サンプルコード
.exand{ font:20px "Arial",sans-serif; font-stretch: expanded; } .cond{ font:20px "Arial",sans-serif; font-stretch: condensed; }