class属性値って一度に複数指定できたんだ!!
私、これまで、スタイルシートのclassというのは、一つのタグに一種類しか付けられないもんだと思ってました……
だから、idを併用してみたり、タグごとに細かく指定分けたりしてたんですが、複数の属性値を半角スペースで並べればいいのか!
「ここは文字を赤くしたいだけだけど、こっちは赤い太字にしたくて、こっちは太字に斜体で、ここは赤くて太くて斜体で大きく……」
なんて時、これまで全部に別々のクラス作って指定してました。
でも、例えば下みたいにそれぞれ別に作っておいて
.aka { color:red;}(赤字スタイル)
.b { font-weight:bold;}(太字スタイル)
.i { font-style:italic;}(斜体スタイル)
こんなふうに指定してやれば
<span class="aka">赤字</span>
<span class="aka b">赤太字</span>
<span class="aka b i">赤太斜体</span>
こうなると。
赤字 赤太字 赤太斜体
こ、これは便利だ……私の持ってるCSSの本、こんな基本的なことも書いといてくれてませんでしたよこんにゃろう!!(やつあたり)
でも、本に載ってないということはひょっとして対応してないブラウザが結構あったりして……?
下の「ためし」文字が「赤字で下線で大文字」に見えない方っていますか?
赤くて下線がついて大きくなってるはずのためし
もしいらっしゃいましたら、お手数ですが閲覧環境を添えて拍手で教えてやって下さい。でないとこの先、閲覧に支障をきたすおそれがあります……使うつもりなので。
あ、ケータイとか、もともとCSSに対応してない場合は除きます。例えば「これ」も赤字に見えない方はお気になさらず。
久々に現れたと思ったらわけわからん内容ですみません……
橘@管理人(08/09)
七秋(08/07)
橘@管理人(08/07)
七秋(08/07)
橘@管理人(04/16)
橘@管理人(04/16)
mizuki(04/15)