We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

font-style Redirect 1


The font-style CSS property allows italic or oblique faces to be selected within a font-family.


Formal syntax: normal | italic | oblique
font-style: normal
font-style: italic
font-style: oblique

font-style: inherit


Italic forms are generally cursive in nature while oblique faces are typically sloped versions of the regular face. Oblique faces can be simulated by artificially sloping the glyphs of the regular face.

Selects a font that is classified as normal within a font-family
Selects a font that is labeled italic, if that is not available, one labeled oblique
Selects a font that is labeled oblique


This paragraph is normal.

This paragraph is italic.

This paragraph is oblique.

The above example shows the two font-style values. The CSS looks like this:

p.normal { font-style:normal } 
p.italic { font-style:italic } 
p.oblique { font-style: oblique }

And the HTML looks like this:

<p class="normal">This paragraph is normal.</p>
<p class="italic">This paragraph is italic.</p>
<p class="oblique">This paragraph is oblique.</p> 


Specification Status Comment
CSS Fonts Module Level 3 Candidate Recommendation No change.
CSS Level 2 (Revision 1) Recommendation No change.
CSS Level 1 Recommendation Initial definition.

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 (1.7 or earlier) 4.0 7.0 1.0
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 1.0 1.0 (1) 6.0 6.0 1.0

See also


Document Tags and Contributors

Contributors to this page: Sheppy
Last updated by: Sheppy,