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

More from About.com

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

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

All rights reserved.