Caution

お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。

CSSプロパティ辞典

font-style

フォント(文字)のスタイルを変更できます。設定できる値は『normal』(標準)、『italic』(イタリック体)、『oblique』(斜体)の3つです。

サンプルコード
p.test { font-style: normal;}
p.test1 { font-style: italic;}
指定可能な値一覧
概要
normal標準のフォントで表示します。これが初期値です。
italicフォントをイタリック体で表示します。
obliqueフォントを斜体で表示します。
ブラウザでの表示結果
<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>

対応ブラウザ
IE6 IE7 IE8 IE9 IE10 IE11 Safari Chrome Firefox Opera

iPhone Safari Android2系 標準ブラウザ Android4系 標準ブラウザ

概要

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

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

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

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

記事の間違いや著作権の侵害等ございましたらお手数ですがこちらまでご連絡頂ければ幸いです。