font-variant CSS プロパティとは
トピック：フォントファミリのテキストを小文字のフォントで表示するかどうかを指定する ことができる 小文字のフォントでは、すべて小文字が大文字に変換する ただし、変換された大文字は、テキストの元の大文字よりも小さいフォントサイズで表示する
プロパティ font-variant
実例 コード 1
サンプル コードを試すp { font-variant: small-caps;}
プロパティ 定義と使用法
| デフォルト値・初期値 : | normal |
|---|
| 適用対象 : | 全要素。 ::first-letter and ::first-line にも適用される |
|---|
| 継承 : | 継承する |
|---|
| メディア : | visual |
|---|
| 計算値 : | 指定値 |
|---|
CSS Version | CSS1 ～ |
|---|
| アニメーションの種類 : | 個別 |
|---|
| JavaScript 構文 | object.style.fontVariant="funWebref" |
|---|
| 正規順序 : | 形式文法で定義される一意のあいまいでない順序 |
|---|
| CSSの構文 | font-variant: normal |small-caps |initial |inherit; |
|---|
プロパティ値
| 値 | 説明 |
|---|
normal | ブラウザは通常のフォントを表示する これはデフォルトです |
small-caps | ブラウザは小文字のフォントを表示します |
initial | このプロパティをデフォルト値に設定する |
inherit | 親要素からこのプロパティを継承する |
サポートするブラウザ対応・互換性
プロパティ値
| Property | Chrome | Edge | Firefox | Safari | Opera |
|---|
| font-variant | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS font-variant | CSS プロパティ 値| 意味 使い方 実例 – WebRef