font-variant プロパティ

font-variant プロパティは、小文字を大文字にすることができますが、小さいサイズになります。このような表記をスモールキャピタルと呼びます。

構文

cssセレクタ {
  font-variant: small-caps | normal;
}

値	説明
`small-caps`	小文字を小さいサイズの大文字にします。
`normal`	`small-caps` の効果を取り消します。通常、特定のテキスト部分（例えば、すべての段落がスモールキャピタルで、この段落だけは通常）に対してスモールキャピタルを解除する必要がある場合に使用します。

デフォルト値: normal。

この例では、文字は大文字になりますが、小さいサイズになります:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-variant: small-caps;
}

Результат:

前の例（スモールキャピタル）と、大文字で書かれたテキストを比較してください:

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>

Результат:

ここでは通常のテキストになります:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-variant: normal;
}

Результат: