CSS font-variant-caps property

Description

This property changes the position of characters vertically without shifting the baseline and displays them as subscript or superscript.

Syntax

font-variant-caps : normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps

Property values

normalDefault

No features are added to the font.

font-variant-caps: normal;

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;

all-small-caps

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

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

petite-caps

displays peptite capitals.

font-variant-caps: petite-caps;

all-petite-caps

displays peptite capitals for both uppercase and lowercase letters.

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

unicase

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

font-variant-caps: unicase;

Applicable to

It applies to all elements

#CSS digger
Was this article helpful?

 
Abc ABC 123 [bca] {abc} ; &!
×

Ctrl+D