CSS font-variant Property

CSS font-variant property specifies whether the text should be displayed in small-caps format or not.

In small-caps format, the text is displayed in uppercase letters. But, the font size of the converted letters is somewhat smaller than the regular uppercase letters.

Example:

.p1{
  font-variant: normal;
}
.p2{
  font-variant: small-caps;
}

---

CSS Syntax

The font-variant property has the following syntax:

font-variant: normal|small-caps|initial|inherit;

Property Values

The font-variant property accepts the following values:

normal	This is the default value. The text is displayed normally.
small-caps	The text is displayed in uppercase letters with a font size smaller than the regular uppercase letters.
initial	sets the font-variant property to its default value(normal).
inherit	Inherits the font-variant property from the parent element.

General Info

Default Value	normal
Inherited	Yes
JavaScript Usage	element.style.fontVariant = “small-caps”;