font-style 【フォントスタイル】
[IE5] [IE6] [IE7] [Fx1] [Fx2] [Op6] [Op7] [Ns6] [Ns7]
font-styleプロパティは、フォントのスタイルを指定する事が出来ます。
指定できる値は、標準(normal)、イタリック体(italic)、斜体(oblique)です。イタリック体も斜体も、基本的には標準の文字を斜めに傾けて表示します。日本語フォントの場合、イタリク体が用意されている事は無く、あまり使う機会が無いかもしれません。英語フォントの殆どのイタリック体は、斜めに傾いた文字が筆記体風に変わるようになっています。
normal
標準フォントで表示します。初期値です。
oblique
斜体で表示します。
italic
イタリック体で表示します。
font-styleの使用例
CSSファイル
.fontsp009 {
font-style: italic;
}
.fontsp010 {
font-style: oblique;
}
HTMLソース
<p class="fontsp009">
font-styleプロパティ使用例<br />
italic 123456789
</p>
<p class="fontsp010">
font-styleプロパティ使用例<br />
oblique 123456789
</p>
表示すると
font-styleプロパティ使用例
italic 123456789
font-styleプロパティ使用例
oblique 123456789
フォント関連項目
| font | フォントに関する指定をまとめて行う |
| font-size | フォントのサイズを指定する |
| font-weight | フォントの太さを指定する |
| font-family | フォントの種類を指定する |
| font-style | フォントをイタリック体・斜体にする |
| font-variant | フォントをスモールキャップにする |
| font-size-adjust※ | フォントのサイズを調整する |
| font-stretch※ | フォントを縦長・横長にする |
