font-style

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

<p style="font-style: normal;">ここはp要素です。『font-style: normal』と指定しています。</p>

<p style="font-style: italic;">ここはp要素です。『font-style: italic』と指定しています。</p>

<p style="font-style: oblique;">ここはp要素です。『font-style: oblique』と指定しています。</p>

デスクトップ

Chrome

1 以降 ○

Firefox

1 以降 ○

Safari

1 以降 ○

Edge

12 以降 ○

全バージョンで対応しています

IE

11 ○

10 ○

9 ○

8 ○

7 ○

6 ○

Opera

7 以降 ○

6 以前 ×

モバイル

iOS Safari

1 以降 ○

Android Browser

4.4 以降 ○

3 以前 ×

Chrome Android

最新版 ○

デスクトップ版と同等の対応です

Firefox Android

最新版 ○

デスクトップ版と同等の対応です

※ バージョン情報は MDN に基づいています。

フォント(文字)のスタイルを変更できます。

表示しているフォントに『イタリック体』、『斜体』が用意されていない場合、ほとんどのブラウザで文字を傾けて表示してくれます。

『斜体』は単純に文字を傾けたようなデザインで、『イタリック体』は文字を傾けつつ筆記体をあしらったようなデザインとなっていることが多いです。

日本語フォントには『イタリック体』、『斜体』が用意されていない場合が多く、CSSで『italic』、『oblique』と指定した場合、どちらも少し文字を傾けたような同じフォントデザインで表示されます。