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

HTML

<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>

CSS

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

Result

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	1.0

Last updated by CSSPortal on: 1st November 2019

Share this Page

If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.

URL

Menu