font-variant（フォントの変形）

解説

スモールキャップ文字（サイズの小さい大文字）を指定する属性です。

値	normal：通常フォント small-caps：スモールキャップ文字
初期値	normal
%値の基準
適用	全てのエレメント
継承	する

対応状況

全ての値

は、動作しますが、大文字になってしまいます。

使用例

ソース

表示＆操作

スタイル部に、

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

と記述し、

通常はNORMAL、スモールキャップ文字は、小文字も大文字もsmall-caps、SMALL-CAPSです。

と表示されます。

body部に、

<div class="normal">通常はNORMAL、スモールキャップ文字は、小文字も大文字も<span class="caps">small-caps、SMALL-CAPS</span>です。</div>

と記述すると。