font-variant-caps
Allows you to use special 'all-caps' or 'small-caps' styles built into a font. Smaller caps are often used to make acronyms look more harmonious with lowercase text.
It is documented as part of the CSS Fonts specification.
Syntax
/* Usage Example */
abbr {
/* Uses real small-caps for acronyms */
font-variant-caps: small-caps;
}
/* Syntax */
font-variant-caps: normal;
font-variant-caps: small-caps;
font-variant-caps: all-small-caps;
font-variant-caps: petite-caps;
font-variant-caps: all-petite-caps;
font-variant-caps: unicase;
font-variant-caps: titling-caps;
/* Global values */
font-variant-caps: inherit;
font-variant-caps: initial;
font-variant-caps: revert;
font-variant-caps: revert-layer;
font-variant-caps: unset;font-variant-caps Browser support
Widely available
Since
2020 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.
52+
34+
9.1+
79+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more