スモールキャップ

フォントのスモールキャップを指定します。

スモールキャップとは、英字において小文字が大文字として表記することで、通常の大文字より一回り小さく表示されます。

従って、日本語は関係ありません。

<div class="SAMPLE sample0">
<p>abcdefg hijklmn opqrstu vwxyz</p>
<p>ABCDEFG HIJKLMN OPQRSTU VWXYZ</p>
<p>0123456789</p>
<p>あかさたなはまやらわ</p>
<p>アカサタナハマヤラワ</p>
<p>壱弐参亜叉昻遧燿﨤鴎外漢字処理技術協議会</p>
</div>

ノーマル

標準。

div.sample0 {
    font-variant: normal;
}

small-caps

英小文字を大文字で小さく表示します。

div.sample1 {
    font-variant: small-caps;
}