[CSS] font-variant-capsプロパティでスモールキャピタルの使用を指定しよう!

font-variant-capsの評価
頻出度
(1.0)
重要度
(1.0)
総合評価
(1.0)




1.font-variant-capsとは?

font-variant-capsプロパティは大文字向けの代替字形の使用について指定します。

値の指定方法は以下の通りです。

{ font-variant-caps: 使用方法; }

使用方法

  • normal
  • small-caps
  • all-small-caps
  • petite-caps
  • all-petite-caps
  • unicase
  • titling-caps




2.font-variant-capsの使い方

それではfont-variant-capsの使い方をみていきましょう。

.sub-title {
 font-variant: small-caps;
}

上記の例では、スモールキャップのフォントで表示します。

スモールキャップのフォントがない場合には、大文字を縮小したものを小文字として表示します。