CSS - font-variant


The font-variant property determines the use of one of two font faces to be used in the rendering of a given element's text.

Possible Values:

  • normal: Specifies a normal font face; that is, whatever is the default face for the font in use.
  • small-caps: Specifies a small-caps face; that is, a face in which lowercase characters are rendered as capital letters which are smaller than the letters used for uppercase characters.

Applies to:

All the HTML elements

DOM Syntax:



Here is the example using this property:

<p style="font-variant:small-caps;">
This text will be rendered as small caps

This will produce following result:

This text will be renedered as small caps


Spacer Bottom Left Corner ImageBottom Right Corner Image
Valid XHTML 1.0 Strict  Valid CSS! Check the accessibility of this site according to U.S. Section 508