font-stretch CSS プロパティとは
トピック：テキストの幅を広げたり狭めたりすることができる、ことができる
プロパティ font-stretch
実例 コード 1
サンプル コードを試すp {font-family: Arial, Helvetica, sans-serif;font-stretch: condensed;}
情報：- フォントファミリによっては追加のフェイスを提供しており、通常より狭い文字、
(condensed フェイス)、通常より広い文字(expanded フェイス) などがある font-stretch を使うと、そのようなフォントで condensed や expanded フェイスを選択することができる。使用しているフォントが condensed や expanded フェイスを提供していない場合は、このプロパティは効果はない。
プロパティ 定義と使用法
| デフォルト値・初期値 : | normal |
|---|
| 適用対象 : | 全要素。 ::first-letter and ::first-line にも適用される |
|---|
| 継承 : | 継承する |
|---|
| メディア : | visual |
|---|
| 計算値 : | 指定値 |
|---|
CSS Version | CSS3 |
|---|
| アニメーションの種類 : | font stretch |
|---|
| JavaScript 構文 | object.style.fontStretch="funWebref" |
|---|
| 正規順序 : | 形式文法で定義される一意のあいまいでない順序 |
|---|
| CSSの構文 | font-stretch: ultra-condensed |extra-condensed |condensed |semi-condensed |normal |semi-expanded |expanded |extra-expanded |ultra-expanded |initial |inherit; |
|---|
プロパティ値
| 値 | 説明 |
|---|
normal | 通常のフォント面を指定する これはデフォルト値です。 |
ultra-condensed | 最も凝縮されたフォント面を指定する |
extra-condensed | 2番目に凝縮されたフォント面を指定する |
condensed | 凝縮されたフォントの面を指定する |
semi-condensed | 少し凝縮したフォントフェースを指定する |
semi-expanded | わずかに拡張されたフォントフェースを指定する |
expanded | 拡張フォントフェースを指定する |
extra-expanded | 2番目に拡張されたフォントフェースを指定する |
ultra-expanded | 最も拡張されたフォントフェースを指定する |
initial | このプロパティをデフォルト値に設定する |
inherit | 親要素からこのプロパティを継承する |
サポートするデスクトップ ブラウザ対応・互換性
| Property | Desktop 互換性 |
|---|
| font-stretch | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|
| 基本 サポート | フルサポート◯48 | フルサポート◯12 | フルサポート◯9 | フルサポート◯9 | フルサポート◯35 | フルサポート◯11 |
|---|
<percentage> syntax | サポートなし✖ | 不明 | フルサポート◯61 | サポートなし✖ | 不明 | 不明 |
|---|
サポートするモバイル ブラウザ対応・互換性
| Property | Mobile 互換性 |
|---|
| font-stretch | Android | Chrome for Android
| Edge Mobile | Firefox for Android
| Opera for Android
| iOS Safari | Samsung Internet |
|---|
| 基本 サポート | サポートなし✖ | 不明 | フルサポート◯12 | フルサポート◯9 | サポートなし✖ | 不明 | 不明 |
|---|
<percentage> syntax | サポートなし✖ | サポートなし✖ | 不明 | フルサポート◯61 | サポートなし✖ | 不明 | 不明 |
|---|
CSS font-stretch | CSS プロパティ 値| 意味 使い方 実例 – WebRef