CSS font-variant-caps property

Property values

normalDefault

No features are added to the font.

font-variant-caps: normal;

Try it { }

small-caps

It transforms the text to uppercase form but with the smallest size as of lowercase letters. It enables small capitals.

font-variant-caps:small-caps;

Try it { }

all-small-caps

It enables display of small capitals for both uppercase and lowercase letters.

font-variant-caps: all-small-caps;

Try it { }

petite-caps

displays peptite capitals.

font-variant-caps: petite-caps;

Try it { }

all-petite-caps

displays peptite capitals for both uppercase and lowercase letters.

font-variant-caps: all-petite-caps;

Try it { }

unicase

displays mixture of small capitals for uppercase letters with normal lowercase letters.

font-variant-caps: unicase;

Try it { }