Caution

JavaScript is disabled in your browser.
This site uses JavaScript for features such as search.
For the best experience, please enable JavaScript before browsing this site.

CSS Dictionary

Home
CSS Dictionary
font-style

font-style

Specifies the style (font style) of text. You can set one of three values: 'normal' (standard), 'italic' (italic), or 'oblique' (oblique).

Sample Code

p.test { font-style: normal;}
p.test1 { font-style: italic;}

Available Values

Value	Description
normal	Displays text in the standard font style. This is the default value.
italic	Displays text in italic style.
oblique	Displays text in oblique (slanted) style.

Browser Display Result

<p style="font-style: normal;">This is a p element with 'font-style: normal' applied.</p>

<p style="font-style: italic;">This is a p element with 'font-style: italic' applied.</p>

<p style="font-style: oblique;">This is a p element with 'font-style: oblique' applied.</p>

Browser Compatibility

Desktop

Chrome

1 and later ○

Firefox

1 and later ○

Safari

1 and later ○

Edge

12 and later ○

Supported in all versions.

11 ○

10 ○

9 ○

8 ○

7 ○

6 ○

Opera

7 and later ○

6 and earlier ×

Mobile

iOS Safari

1 and later ○

Android Browser

4.4 and later ○

3 and earlier ×

Chrome Android

Latest ○

Same as the desktop version.

Firefox Android

Latest ○

Same as the desktop version.

※ Version data is based on MDN.

Overview

Specifies the style of the font (text).

If the displayed font does not have an italic or oblique variant, most browsers will simulate a slanted appearance.

Oblique simply slants the characters, while italic typically slants the characters and applies a cursive design.

Many Japanese fonts do not have italic or oblique variants. When 'italic' or 'oblique' is specified in CSS, both typically render the same — a slightly slanted version of the regular font.

If you find any errors or copyright issues, please contact us.

Home