概要
CSSプロパティ｢font-variant｣は、フォントをスモールキャップにすることがきできます。スモールキャップというのは欧文などの小文字が小さな大文字の形で表示されることをいいます。
<p class="font-variant">
abcdefg,ABCDEFG
</p>
<style>
.font-variant {
font-variant: small-caps;
}
</style>値の指定方法
{ font-variant: 値}| 値 | 説明 |
|---|---|
| normal | 初期値です。フォントは変換しません。 |
| small-caps | 小文字を小さめの大文字に変換します |
プロパティの種類について
｢font｣プロパティで指定できるそれぞれの値の一覧です。詳細は各ページを参照してみてください。
| プロパティ名 | 説明 |
|---|---|
| font | フォントに関する指定をまとめて行うショートハンドプロパティ |
| font-style | フォントのスタイルを指定する |
| font-variant | フォントのスモールキャップ指定する |
| font-weight | フォントの太さを指定する |
| font-size | フォントのサイズを指定する |
| font-family | フォントの種類を指定する |
| font-size-adjust | フォントのサイズを調整する |
| font-stretch | フォントを縦長・横長にする |
使用例
<p>※指定なし</p>
<p>Hello, World!!</p>
<p>※英文にsmall-capsを指定してみます</p>
<p class="small-caps">Hello, World!!</p>
<style>
.small-caps {
font-variant: small-caps;
}
</style>