10月 122011
灰色背景がサンプルソース薄緑背景が実際の見た目
サンプルソース
HTMLソース
class=”stritalic”が記述されたspanタグで囲んだ文字だけが<span class=”stritalic”>斜体に</span>なる。
CSSソース
.stritalic {font-style:italic;}
サンプル表示
class=”stritalic”が記述されたspanタグで囲んだ文字だけが斜体になる。
解説
HTMLソース
文字を斜体にしたい箇所のみspanタグでくくって、スタイルシートで設定したclassを指定します。
ここでは、<span class=”stritalic”>斜体に</span>としています。
CSSソース
.stritalic {font-style:italic;}と記述します。
これは、class=”stritalic”を指定したタグでくくられた箇所の文字を斜体にするという意味です。
なお、font-style:italic;だけでなく、font-style:oblique;でも斜体を表示することができます。