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

font-style

By Jennifer Kyrnin, About.com

font-style Description:

The font-style property defines whether the font is italic, oblique, or normal.

font-style in CSS Versions:

font-style Syntax:

font-style: normal | italic | oblique | inherit

  • normal
    The default, also referred to as "roman" or "upright".
  • italic
    Displays a version of the font in an italics style
  • oblique
    Displays a version of the font in an oblique style.
  • inherit
    The element should have the same font-style setting as the parent.

font-style Initial Value:

normal

font-style Applies To:

All elements.

font-style Inheritance:

This property is inherited.

font-style Browser Support:

font-style Examples:

Italic font style

<p style="font-style : italic;">
This paragraph is in italics.
</p>
Oblique font style
<p style="font-style : oblique;">
This paragraph is in oblique style or italics if oblique isn't available.
</p>

font-style Special Notes:

  • Not all font-families have an oblique or italic style defined. And even if they do, if that font isn't on the computer it won't display.

More font-style 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-style

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

All rights reserved.