フォントの幅を指定する
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;
}


