CSS font-style Property

Description

The font-style property allows italic or oblique faces to be selected. Italic forms are generally cursive in nature while oblique faces are typically sloped versions of the regular face.

Initial value

normal

Applies to

All elements

Inherited

Yes

Media

Visual

Computed value

As specified

Animatable

No

CSS Version

CSS1, CSS2, CSS3

JavaScript syntax

object.style.fontStyle

Syntax

font-style: normal | italic | oblique 

Values

• normalSelects a face that is classified as a normal face, one that is neither italic or obliqued.
• italicSelects a font that is labeled as an italic face, or an oblique face if one is not.
• obliqueSelects a font that is labeled as an oblique face, or an italic face if one is not.
• inherit

Example

<p>The font is displayed in the usual style.</p> 

<p class="test">The font is displayed in italics.</p> 

<p class="test2">The font is displayed as inclined.</p> 

.test {
   font-style: italic;  
}
.test2 {
   font-style: oblique; 
}

Give it a Try

Click the button below to experiment with this property.

Give it a Try!

Browser Support

Desktop
4	12	1	1	7	1
Tablets / Mobile
1	18	4	10.1	1	Yes

Last updated by CSSPortal on: 1st November 2019