font-variantプロパティ

TOPページに戻る > CSS

font-variantプロパティ

文字をスモールキャピタルで表示することができます
値がsmall-capsのときはスモールキャピタルで表示。先頭の文字が大きく表示され、他の文字は小さい文字で表示される
値がnormalのときは通常の文字で表示
読み方はフォントバリアント

使い方（書式）

セレクタ { font-variant: 値; }                                    

font-variantプロパティ

対応ブラウザ
適用できる要素	全てのhtml要素
子要素へのスタイルの継承	する

プロパティの値	説明
small-caps	スモールキャピタルで表示 先頭の文字が大きく表示され、他の文字は小さい文字で表示される
normal	通常の文字で表示

実際の指定方法

.hoge { font-variant: small-caps; }   /* スモールキャピタルで表示 */

.hoge2 { font-variant: normal; }       /* 通常の文字で表示 */

html部分

<p class="hoge">Small-Caps</p>
<p class="hoge2">normal</p>

実際の表示

Small-Caps

normal