CSS - font-stretch
概要
| 属性名 | 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 | 一番幅広なフォント。 |
使用例
HTML
<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>
表示
This is Japan.
This is Japan.
リンク
- https://www.w3.org/TR/css-fonts-3/#font-stretch-prop
- https://triple-underscore.github.io/css-fonts-ja.html#font-stretch-prop
- https://developer.mozilla.org/ja/docs/Web/CSS/font-stretch
- http://caniuse.com/#search=CSS%202.1%20properties
Copyright (C) 1997-2016 杜甫々
初版：1997年7月27日、最終更新：2016年7月24日
https://www.tohoho-web.com/css/prop/font-stretch.htm