font-variant

The font-variant property defines whether or not to display a text in a small-caps font.

A small-caps font is where all the lowercase letters are transformed to uppercase but the transformed uppercase letters appear to be smaller than the original uppercase letters.

Syntax

font-variant: normal | small-caps;

Example

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

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

Property Values

normal: displays a normal font. (Default value)

small-caps: displays the small-caps font.