CSS font-variant-caps Property
The font-variant-caps property moves characters vertically without affecting the baseline and displays them as superscript or subscript. If the given font contains capital letter glyphs of varying sizes, this property selects the most appropriate glyphs.
Syntax
Property Values
| Value | Description |
|---|---|
| normal | The use of alternate glyphs is disabled. |
| small-caps | Small capitals are displayed. |
| all-small-caps | Small capitals are displayed for both uppercase and lowercase letters. |
| petite-caps | Displays small capitals. |
| all-petite-caps | Petite capitals are displayed for both uppercase and lowercase letters. |
| unicase | Displays a mix of small capitals and lowercase letters for uppercase letters. |
| titling-caps | Displays capitals for titling. |
| initial | This property is set to its default value. |
| inherit | This property is inherited from its parent element. |
Supported Browsers
| Property | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| font-variant-caps | 52.0 | 34.0 | Not supported | 79.0 | 39.0 |