1. Home
  2. Computing & Technology
  3. Web Design / HTML

font-variant

By Jennifer Kyrnin, About.com

font-variant Description:

The font-variant property defines whether the font is normal or small-caps.

font-variant in CSS Versions:
font-variant Syntax:

font-variant: normal | small-caps | inherit

  • normal
    The default standard font, without being small-caps.
  • small-caps
    Displays a version of the font in small-caps.
  • inherit
    The element should have the same font-variant setting as the parent.
font-variant Initial Value:

normal

font-variant Applies To:

All elements.

font-variant Inheritance:

This property is inherited.

font-variant Browser Support:
font-variant Examples:

Italic font style

<p style="font-variant : italic;">
This paragraph is in italics.
</p>
Small-caps font
<p style="font-variant : small-caps;">
This paragraph is in small-caps.
</p>
font-variant Special Notes:
  • Some fonts don't have a small-caps variant and won't be displayed in the browser.
More font-variant Information:

Return to the Style Library

Explore Web Design / HTML
About.com Special Features

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

Easy ways to connect two computers for networking purposes. More >

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. CSS
  5. Style Properties
  6. CSS Style Property: font-variant>

©2009 About.com, a part of The New York Times Company.

All rights reserved.