font-style

font-styleは、文字のスタイルを指定するスタイルです。

解説

スタイルには、標準・イタリック体・斜体の３種類があります。

構文

構文は以下になります。

値

font-styleには以下の値が指定できます。

太字の値は初期値です。

サンプル

文字をイタリック体にする

.sample01 {
  font-style:italic;
}

<div class="sample01">文字をitalicにしたサンプルです。</div>

文字を斜体にする

.sample02 {
  font-style:oblique;
}

<div class="sample02">文字をobliqueにしたサンプルです。</div>

備考

• イタリック体、斜体にするには、使用しているフォントが対応している必要があります。
• 日本語フォントはイタリック体、斜体にあまり対応していないので、日本語は斜体にならない事が多いです。

関連項目

• font：フォント関連のスタイルを一括して指定する
• font-family：フォントの種類を指定する
• font-size：文字のサイズを指定する
• font-style：文字のスタイルを指定する
• font-variant：フォントをスモールキャップにする
• font-weight：文字の太さを指定する

Tweet