font-variant

font-variantは、フォントをスモールキャップにするスタイルです。

解説

指定した文字のフォントをスモールキャップに指定します。
スモールキャップの対象は英小文字です。
スモールキャップに指定した英小文字は、小文字のサイズで英大文字になります。

構文

構文は以下になります。

値

font-variantには以下の値が指定できます。

サンプル

スモールキャップフォントで表示する

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

<div class="sample01">ABCDEFGabcdefg</div>

スモールキャップフォントで表示しない

.sample02 {
  font-variant:normal;
}

<div class="sample02">ABCDEFGabcdefg</div>

備考

• スモールキャップで表示させない場合は、明示的に指定する必要はありません。

関連項目

• font：フォント関連のスタイルを一括して指定する
• font-family：フォントの種類を指定する
• font-size：文字のサイズを指定する
• font-style：文字のスタイルを指定する
• font-variant：フォントをスモールキャップにする
• font-weight：文字の太さを指定する

Tweet