CSS font-variant 属性

定義と使用方法

font-variant 属性は、小文字の大文字のフォントを表示するテキストを設定します。これは、すべての小文字が大文字に変換されることを意味しますが、小文字の大文字のフォントを使用する文字は、他のテキストに比べてフォントサイズが小さいです。

説明

この属性は、主に小文字の大文字のテキストを定義するために使用されます。理論的には、ユーザーエージェントは通常のフォントから小文字の大文字のフォントを計算することができます。

も参照してください：

CSS チュートリアル：CSS 字体

CSS リファレンスマニュアル：CSS font 属性

HTML DOM リファレンスマニュアル：fontVariant 属性

例

段落を小文字の大文字のフォントに設定します：

p.small
  {
  font-variant:small-caps;
  }

自分で試してみる

CSS 文法

font-variant: normal|small-caps|initial|inherit;

属性値

値 説明
normal デフォルト値。ブラウザは標準のフォントを表示します。
small-caps ブラウザは小文字の大文字のフォントを表示します。
inherit 親要素から font-variant 属性の値を継承することを定義します。

技術的詳細

デフォルト値： normal
継承性： はい
バージョン： CSS1
JavaScript 文法： object.style.fontVariant="small-caps"

TIY 実例

フォントの異体の設定
この例では、フォントの異体を設定する方法を示します。

ブラウザのサポート

テーブルの数字には、その属性を完全にサポートする最初のブラウザのバージョンが記載されています。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5