構文

font-style : 形状;

説明文

　「font-style」ではフォントの形状を変更することが可能だ。例えば，イタリック体にするといったことが行える。ただし，フォント自身がイタリック体などの形状が準備されている必要がある。もし，標準のフォント形状のみが用意されている場合，イタリック体を指定したとしても標準の形状で表示される。

　以下のようなフォントの形状を指定できる。

形状意味
normal通常の形状
italicイタリック体
oblique斜体（多くのフォントはイタリック体と同じ）
inherit親要素のfont-styleに準ずる

使用例

● CSSの定義

span.english { font-style : italic; }

● HTMLの例

<p>元アメリカ大統領のリンカーンは以下のような有名な言葉を残している。</p>
<div>「人民の，人民による，人民のための政治」</div>
<p>これを英語で記述すると以下のようになる。</p>
<div>「<span class="english">That goverment of the people by the 
people for the people.</span>」</div>

● 表示結果

Internet Explorerの表示例
[画像のクリックで拡大表示]
Firefoxの表示例
[画像のクリックで拡大表示]

関連項目