font-variant-caps

The font-variant-caps property provides the ability to control the usage of alternate glyphs for capital letters.

Syntax

Examples:

div.normal {
  font-variant-caps: normal;
}

div.all-small {
  font-variant-caps: all-small-caps;
}

div.uni {
  font-variant-caps: unicase;
}

Values

normal
Default value. No alternative glyphs will be used.

small-caps
Small capitals are used.

all-small-caps
Small capitals are used for both upper and lowercase letters.

petite-caps
Petite capitals are used.

all-petite-caps
Petite capitals are used for both upper and lowercase letters.

unicase
Small capitals are used for both uppercase letters with normal lowercase letters.

titling-caps
Titling capitals are used.

initial
Sets the property to its default value.

inherit
Inherits this property’s value from its parent item.

Browser Compatibilty

Demos

Have a code example of font-variant-caps? Submit a codepen.io demo and we'll showcase it here ↴