font-variant プロパティ
font-variant プロパティは、small-caps によって小文字のフォントを大文字に変換する CSS プロパティです。もともと大文字であったものはより大きく表示します。
font-variant: small-caps;
詳しくは Example を参照してください
大文字、小文字の区別のあるフォントで機能します。
大文字、小文字の変換に関するプロパティには他に、font-variant-alternates、font-variant-caps、font-variant-ligatures、font-variant-position, font-variation-settings があります。
ページ内 Index
構文(Syntax)
CSS
font-variant: normal | small-caps | initial | inherit ;
DOM ( JavaScript )
String = object.style.fontVariant;
object.style.fontVariant=" normal | small-caps | initial | inherit ";
値（Values）
| Value | 摘要 |
|---|---|
| normal | 初期値（default値）、変換はなし |
| small-caps | 小文字を大文字に変換 |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | normal |
| 継承（Inherited） | Yes |
| CSS Animation | No |
Example
font-variant プロパティの例です。font-variant で指定する値は小文字のフォントを大文字に変換する small-caps です。
関連 CSS プロパティ
関連するプロパティに以下があります。
| font | fontに関するプロパティの一括指定 |
| font-family | フォントファミリ |
| font-feature-settings | OpenTypeフォントのもつ文字体裁機能を指定 |
| font-kerning | フォント間の字詰め（文字間隔） |
| font-size | 大きさ |
| font-stretch | フォントの表示幅 |
| font-style | 文字のスタイル |
| font-variant | スモールキャップの有無 |
| font-variant-caps | スモールキャップの有無 |
| font-weight | 太さ |
テキストに関するプロパティには以下があります。
| プロパティ | 概要 |
|---|---|
| line-height | 行間 |
| text-align、vertical-align | テキストの配置操作 |
| background{ linear-gradient() } | マーカーでラインを引いたような装飾 |