XHTML/CSS・トップ | CSS基礎知識・目次

●クラス名を複数指定する

 class属性には、半角スペースで区切ることにより、クラス名を複数指定することができます。Netscape (v4)とマッキントッシュ版IE(v4.5)は複数のクラス名に対応していません。

【サンプル】↓

Merry Christmas(メリー・クリスマス)

Happy New Year(ハピー・ニュー・イヤー)

【CSS】↓

h3 {
 font-size: 1.3em;
}
h3.sample1 {
 color: #ff00ff;
}
h3.sample2 {
 font-family: "Times New Roman", fantasy;
}
h3.sample3 {
 font-style: italic;
}

【HTML】↓

<h3 class="sample1 sample2 sample3">Merry Christmas(メリー・クリスマス)</h3>
<h3 class="sample1 sample2 sample3">Happy New Year(ハピー・ニュー・イヤー)</h3>

XHTML/CSS・目次 | 対象とクラス・目次

Copyright (C) 2006-2007 http://www.xml.vc/