スモール・キャップ・フォントでは、小文字は全て大文字に変換されます。 しかし、変換された大文字は、テキスト内の元の大文字よりも小さなフォントサイズで表示されます。
font-variant プロパティは、スモールキャップフォントで表示するどうかを指定します。
| デフォルト値: | normal |
|---|---|
| 継承: | 継承する |
| アニメーション可否: | 不可。animatable を参照 |
| バージョン: | CSS1 |
| JavaScript 構文: | object.style.fontVariant="small-caps" Try it |
表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。
| プロパティ | |||||
|---|---|---|---|---|---|
| font-variant | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
font-variant: normal|small-caps|initial|inherit;
| 値 | 説明 | Play it |
|---|---|---|
| normal | 通常のフォントを表示します。これがデフォルトです | Play it ❯ |
| small-caps | スモール・キャップ・フォントを表示します | Play it ❯ |
| initial | プロパティにデフォルト値を設定します。initial を参照 | Play it ❯ |
| inherit | このプロパティは親要素を継承します。inherit を参照 |
CSS チュートリアル: CSS Font
CSSリファレンス:font プロパティ
HTML DOM リファレンス:fontVariant プロパティ