Tutorials Point

  CSS Home

  CSS Reference
  Pseudo Classes & Elements

Copyright © 2014 by tutorialspoint

  Home     References     Discussion Forums     About TP  

CSS - font-variant

previous next AddThis Social Bookmark Button



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

To Become more comfortable - Do Online Practice

previous next Printer Friendly