【CSS】font-variant - 文字の変形
CSSのfont-variantプロパティについてご紹介します。
font-variant
font-variantは文字の変形を一括定義します。
基本構文
font-variat: 値;
値
定義可能な値は書体によって様々です。
例えば、游ゴシックには次のような値があります。
値 | 意味 | プレビュー |
---|---|---|
normal | 変形なし | text |
small-caps | アルファベットの小文字を大文字かつ小さく変形します。 | text |
また、OSやブラウザによって利用できる値が異なるケースがあることに注意が必要です。
サンプル
次のサンプルはアルファベットの小文字を大文字かつ小さく変形します。
<style>
p {
font-variant: small-caps;
}
</style>
<p>text text text text text</p>