font-stretchプロパティ
font-stretchプロパティは、フォントの表示幅を指定するプロパティです。フォントの幅を狭める、拡げることができます。font-stretchプロパティが機能するかしないかはフォントによりますので注意が必要です。
font-family: "Helvetica Neue"; font-stretch: normal;
設定値はnormalを基準にした相対値です。
ultra-condensed < extra-condensed < condensed < semi-condensed < normal < semi-expanded < expanded < extra-expanded < ultra-expanded
構文(Syntax)
CSS
font-stretch: normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | initial | inherit ;
DOM(JavaScript)
String = object.style.fontStretch;
object.style.fontStretch=" normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | initial | inherit ";
Values
| Value | 摘要 |
|---|---|
| normal | 初期値（default値）、100% |
| ultra-condensed | 50% |
| extra-condensed | 62.5% |
| condensed | 75% |
| semi-condensed | 87.5% |
| semi-expanded | 112.5% |
| expanded | 125% |
| extra-expanded | 150% |
| ultra-expanded | 200% |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | normal |
| 継承（Inherited） | Yes |
| CSS Animation | Yes |