font-style

フォントの表示形式(スタイル)を指定します。


ブラウザ

IE3 / IE4 / IE5 / IE5.5 / IE6 / N4 / N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2 / IE5 mac

▲PageTop

書式

要素[.class名][#id名]{ font-style : 値; }

▲PageTop

指定できる値

値 初期値 意味
normal ○ 普通のスタイルです。
italic イタリック体にします。
oblique 斜体にします。
inherit 親要素の値を継承します。

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      #sample1 {
        font-style : normal;
      }
      #sample2 {
        font-style : italic;
      }
      #sample3 {
        font-style : oblique;
      }
    </style>
  </head>
  <body>
    <div id="sample1">font-styleサンプル1</div>
    <div id="sample2">font-styleサンプル2</div>
    <div id="sample3">font-styleサンプル3</div>
  </body>
</html>

表示結果

font-styleサンプル1
font-styleサンプル2
font-styleサンプル3

▲PageTop

関連項目

HTML

<i>


CSS

font / font-size / font-variant / font-weight / line-height / font-family

▲PageTop

▲