CSS - font-variant


Advertisements


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 −

<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 −



Advertisements