属性名 | font-variant-caps |
---|---|
値 | normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps |
初期値 | normal |
適用可能要素 | すべての要素 |
継承 | 継承する |
メディア | Visual |
サポート | C3 / Fx34 |
文字の大文字・小文字などの表示を制御します。
値 | 説明 |
---|---|
normal | 通常表示します。 |
small-caps | 小文字を小さな大文字で表示します。 |
all-small-caps | 全ての英字を小さな大文字で表示します。 |
petite-caps | 小文字を small caps よりも小さな大文字で表示します。 |
all-petite-caps | 全ての英字を small caps よりも小さな大文字で表示します。 |
unicase | 大文字・小文字の区別の無い文字セットで表示します。実際には、小さな大文字と通常の小文字を組合して表示します。L や H は大文字、a や e は小文字にするなど、規則があるようです。 |
titling-caps | タイトル(題字)向けの表記で表示します。 |
<div style="font-family:'Helvetica'; font-size:16pt;"> <div style="font-variant-caps:normal">Hello World! ... normal</div> <div style="font-variant-caps:small-caps">Hello World! ... small-caps</div> <div style="font-variant-caps:all-small-caps">Hello World! ... all-small-caps</div> <div style="font-variant-caps:petite-caps">Hello World! ... petite-caps</div> <div style="font-variant-caps:all-petite-caps">Hello World! ... all-petite-caps</div> <div style="font-variant-caps:unicase">Hello World! ... unicase</div> <div style="font-variant-caps:titling-caps">Hello World! ... titling-caps</div> </div>