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

CSSプロパティ辞典

font-style

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

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>

IE6	IE7	IE8	IE9	IE10	IE11	Safari	Chrome	Firefox	Opera

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

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

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

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

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

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

トップページへ