斜体って使う人は少ないんでしょうかね？あんまり読みやすい書体ではないですし。英語圏では、斜体も太字と同様に「強調」を表現したりするらしいですけど、日本語ではそんなことありませんしね。確か論文を書くときには、本文中に登場する書名とか論文名とかを斜体で書いたような気がするのですが…。あ、でもそれは英語だけだっけ？
個人的には（ウェブ上では）、引用箇所を斜体にする装飾をよく使っています。

というわけで、おもしろいスタイルシートネタが思い浮かばないので、今日は「斜体」で装飾する方法について何か喋りたいと思います。
文字を「イタリック体」で表示するには、以下のようなスタイルシートを書きます。

font-style: italic;

上記のように、font-styleプロパティに値「italic」を指定すると、文字は「イタリック体」で表示されます。そして、値「oblique」を指定すると「斜体」で表示されます……。

私はよく「イタリック体」のことを指して「斜体」と言ったりするのですが、斜体とイタリック体は実は別物なんですね…。ただ、日本語文字の場合、斜体とイタリック体の区別は（たぶん）ないので、どっちも同じ書体を指していると思います。

欧文フォントの中には、「イタリック体」と「斜体」用にそれぞれ専用にデザインされたフォントが用意されているものがあるらしいです。イタリック体は筆記体っぽくデザインされたもので、斜体は単純に斜めに倒しただけのような形のようです。日本語には筆記体なんて（一部の縦書き毛筆フォントを除けば）ないので、イタリック体も斜体も同じ（ただ文字を傾けただけの）デザインになるのですね。

というわけで、日本語文字を斜体にしたい場合は、font-styleプロパティに値「italic」を指定しても「oblique」を指定してもたぶん同じです。気にせず、「italic」と書いておけば良いんじゃないでしょうか。私はいつもそうしてます。その場合、イタリック体用のフォントが用意されているような欧文フォントであればそれが使われますが、日本語でそんなフォントはたぶんないので、単純に文字が斜めに倒されるだけです。

斜体とイタリック体を使ってみる

試しに、斜体とイタリック体を別々に表示させてみましょう。以下のようにスタイルシートを記述します。

span.sample1 {
   font-style: italic; /* イタリック体 */
}
span.sample2 {
   font-style: oblique; /* 斜体 */
}

で、以下のようにHTMLを書きます。

イタリック体にすると、<span class="sample1">こんな感じで表示されます</span>。
斜体にすると、<span class="sample2">こんな感じで表示されます</span>。

これを使って表示してみると、以下のように見えます。

一緒ですよね…。
欧文フォントでも試してみましょう。欧文フォントを指定した上で斜体（イタリック体）にするには、font-familyプロパティも一緒に書いておけば良いでしょう。例えば以下のような感じで。

span.sakura {
   font-family: 'Times New Roman',serif;
   font-style: italic;
}

Times New Romanフォントを指定しています。表示させてみた結果は下記の通り。（上から順に、標準書体・イタリック体・斜体。）

うーん…。Times New Romanでは、イタリック体も斜体も同じっぽいですね。(^_^;;;
（※Times New Romanフォントがない環境では、上記は何か適当なserifに分類されるフォントが使われて表示されてます。）

ちなみに（少なくとも）Windows XPの場合、ある程度大きく表示させるとかなり綺麗に見えてくれます…。欧文フォントに限らないけど。（下記はfont-sizeプロパティに値「200%」を指定して表示）

まあ、こんな感じで。
とりあえず「斜体」に見せたいならfont-styleプロパティを使えば良くて、日本語ではイタリック体も斜体も一緒ですよ…という話でした。font-styleプロパティの値としては「italic」（イタリック）のスペルさえ覚えておけばそれでいいんじゃないでしょうかね？(^_^;)