CSS font-variant-caps 属性
- 前のページ font-variant
- 次のページ font-weight
定義と用法
font-variant-caps 属性は大文字の代替字形的利用を制御します。
も参照してください：
CSS 教程：CSS 字体
CSS 参考手帳：font 属性
HTML DOM 参考手帳：fontVariant 属性
例
段落を小文字に設定します：
p.normal {font-variant-caps: normal;}
p.small {font-variant-caps: small-caps;}
p.allsmall {font-variant-caps: all-small-caps;}
p.petite {font-variant-caps: petite-caps;}
p.allpetite {font-variant-caps: all-petite-caps;}
p.unicase {font-variant-caps: unicase;}
p.titling {font-variant-caps: titling-caps;}
CSS 文法
font-variant-caps: normal|small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps|initial|inherit|unset;
属性値
| 値 | 説明 |
|---|---|
| normal | 代替字体の使用を無効にします。 |
| small-caps | 小型大文字を表示します。 |
| all-small-caps | 大文字と小文字を小型大文字として表示します。 |
| petite-caps | 特小型大文字を表示します。 |
| all-petite-caps | 大文字と小文字を特小型大文字として表示します。 |
| unicase | 大文字を小文字の混用として小型大文字に変換を許可します。 |
| titling-caps | 初めの文字を大文字にします。 |
| initial | この属性をデフォルト値に設定します。参照してください。 initial。 |
| inherit | この属性を親要素から継承します。参照してください。 inherit。 |
| unset |
注釈：小文字の大文字は、大文字の形式を使用しますが、サイズは対応する小文字と同じです。
技術的詳細
| デフォルト値： | normal |
|---|---|
| 継承： | はい |
| アニメーション制作： | サポートされていません。参照してください：アニメーション関連属性。 |
| バージョン： | CSS3 |
| JavaScript 文法： | object.style.fontVariantCaps="small-caps" |
ブラウザのサポート
テーブルの数字には、この属性を完全にサポートする最初のブラウザのバージョンが記載されています。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 52.0 | 79.0 | 34.0 | サポートされていません | 39.0 |
- 前のページ font-variant
- 次のページ font-weight
