| 属性名 | font-stretch |
|---|---|
| 値 | normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded |
| 初期値 | normal |
| 適用可能要素 | すべての要素 |
| 継承 | 継承する |
| メディア | visual |
| CSS | IE/Edge | Firefox | Chrome | Opera | Safari |
|---|---|---|---|---|---|
| CSS3 | 9 | 9 | 48 | 35 | (未) |
フォントの横幅を指定します。CSS2.0 で定義されましたが、CSS2.1 では破棄されました。CSS3 で再定義される予定です。
| 値 | 説明 |
|---|---|
| ultra-condensed | 一番幅狭なフォント |
| extra-condensed | とても幅狭なフォント。 |
| condensed | 幅狭なフォント。 |
| semi-condensed | 少しだけ幅狭なフォント。 |
| normal | 通常のフォント。 |
| semi-expanded | 少しだけ幅広なフォント。 |
| expanded | 幅広なフォント。 |
| extra-expanded | とても幅広なフォント。 |
| ultra-expanded | 一番幅広なフォント。 |
<div style="font-stretch:ultra-condensed; font-family:'Arial'">This is Japan.</div> <div style="font-stretch:ultra-expanded; font-family:'Arial'">This is Japan.</div>