font-variant プロパティ
font-variant プロパティは、
小文字を大文字にすることができますが、
小さいサイズ
になります。このような表記を スモールキャピタル と呼びます。
構文
セレクタ {
font-variant: small-caps | normal;
}
値
| 値 | 説明 |
|---|---|
small-caps |
小文字を小さいサイズの大文字にします。 |
normal |
small-caps の効果を取り消します。通常、特定のテキスト部分(例えば、すべての段落がスモールキャピタルで、この段落だけは通常)に対してスモールキャピタルを解除する必要がある場合に使用します。
|
デフォルト値: normal。
例 . small-caps 値
この例では、文字は大文字になりますが、小さいサイズになります:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
font-variant: small-caps;
}
:
前の例(スモールキャピタル)と、大文字で書かれたテキストを比較してください:
<p>
LOREM IPSUM DOLOR SIT AMET.
</p>
:
例 . normal 値
ここでは通常のテキストになります:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
font-variant: normal;
}
: