CSS font-variant プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

段落にスモール・キャップ・フォントを設定します:

p.small {
    font-variant: small-caps;
}
Try it Yourself ❯

定義と用法

スモール・キャップ・フォントでは、小文字は全て大文字に変換されます。 しかし、変換された大文字は、テキスト内の元の大文字よりも小さなフォントサイズで表示されます。

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

CSS 構文

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 プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯