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※ フォントを縦長・横長にする 

戻る

TOP

WEB SEARCH
MENU
CONTENTS
digilog.TOP
digilog.HTML
digilog.CSS
digilog.SEO
digilog.img