English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
font-stretch CSS属性は、フォントから通常、圧縮、または拡張の外観を選択します。
以下の表は、この属性の使用方法とバージョン履歴、およびjavascriptスクリプトでの属性の使用法を示しています。
| デフォルト値： | normal |
|---|---|
| 適用範囲： | すべての要素。それも::firstに適用されます。-letterおよび::first-line |
| 継承： | は |
| アニメーション制作可能： | は。参照してください アニメーション属性。 |
| バージョン： | CSS3の新機能 |
| JavaScript構文： | object.style.fontStretch="expanded" |
この属性の構文は以下の通りです：
font-stretch: normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | initial | inherit
以下の例では、fontの使用方法を示しています。-stretch属性。
p {
font-family: Arial, Helvetica, sans-serif;
font-stretch: condensed;
}テストを見て‹/›以下の表はこの属性の値を説明しています。
| 値 | 説明 |
|---|---|
| normal | 普通のフォントを指定します。デフォルト値です。 |
| ultra-condensed | 最も密度の高いフォントを指定します。 |
| extra-condensed | 二番目に最も簡略化されたフォントを指定します。 |
| condensed | 圧縮されたフォントを指定します。 |
| semi-condensed | 少し圧縮されたフォントを指定します。 |
| semi-expanded | 少し拡張されたフォントを指定します。 |
| expanded | 拡張されたフォントを指定します。 |
| extra-expanded | 二番目に最も拡張されたフォントを指定します。 |
| ultra-expanded | 最も拡張されたフォントを指定します。 |
| initial | この属性をデフォルト値に設定します。 |
| inherit | 指定された場合、関連する要素は親要素のfontを使用します。-stretchの属性値。 |
font-stretchほとんどのブラウザではこの属性をサポートしていません。
|
警告：font-警告：stretch Chrome、Safari、Operaブラウザではこの属性をサポートしていません。この属性の使用は避けた方が良いでしょう。
以下のチュートリアルを参照してください：CSSフォント、CSS単位、CSS仮要素。
関連属性と規則：font、font-family、font-size、font-size-adjust、font-style、font-variant、font-weight、@font-face。