Go to information

font-style

font-styleプロパティは文字を斜体で表示するか、イタリック体で表示するか、または傾きのない通常体に戻して表示するかといった文字のスタイルを指定します。

初期値
normal
適用対象
すべての要素
継承
する
メディア
visual

値には次の3種類のキーワードを指定できます。

normal
通常体(標準)で表示
italic
イタリック体で表示
oblique
斜体で表示

"italic" を指定した場合、font-familyプロパティで指定している欧文フォントの中にイタリック書体がある場合にのみ英数字の欧文フォント対象部分をイタリック書体で表示して、和文フォントのようにイタリック書体がない場合は漢字・平仮名・カタカナの和文フォント対象部分を通常の斜体で表示します。イタリック体は筆書形の右に傾いた書体で、通常体を傾けただけの斜体のデザインとは違ったものです。

一方、"oblique" を指定した場合、通常体の字形をそのまま斜めに傾けた形で表示されるので、イタリック体と斜体は区別されるのですが、現在の視覚環境の UA では "italic" も "oblique" も同じ表示になり区別することができていません。仕様が求めている実装であれば、"oblique" が指定された場合は、指定されている欧文フォントの中にイタリック書体が存在しても、英数字の欧文フォント対象部分を通常体を傾けただけの形で表示するべきです。

font-styleプロパティの実装状況

Windows版Internet Explorer
Firefox
Opera
Safari
Macintosh版Internet Explorer 5

*Netscape では "italic" のみ有効で、"oblique" が指定された場合は通常体で表示します。

サンプル

記述例
ul li    { font-family : "Times New Roman", Times, serif ; }
.nomal   { font-style : normal ; }
.italic  { font-style : italic ; }
.oblique { font-style : oblique ; }
表示例

現状では "italic" と "oblique" のキーワードによる欧文フォントのイタリック体・斜体の表示を区別する UA はありません。

現在位置
  1. W3G
  2. CSS
  3. フォント
  4. font-style
ナビゲーション
ステータス情報
作者
上田 遼
公開
2007-02-02T16:26:27+09:00
更新
2008-12-29T04:30:37+09:00
URI
http://w3g.jp/css/font/font-style
検索