CSS - font-variant

Description

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

object.style.fontVariant = "small-caps";

Example

Here is the example using this property −

Live Demo

<html>
   <head>
   </head>

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

This will produce following result −