<COLGROUP> タグについて

RAPT — Wed, 02 May 2007 03:22:00 GMT

前の記事（2007年4月度PageView - RAPT）を作成したときに
遅まきながら気付いたのだけど、長年利用している <TABLE> タグ内で使用できる
便利なタグがあった。

それが、この <COLGROUP> タグ。

今まで、<TABLE> タグで縦方向に同じスタイルシートを適用したい時、一々クラスを
定義して、それぞれの <TD> タグ等に対し class="hoge" と記述していた。

ところが、この <COLGROUP> タグを用いれば、それを一括で指定できる。
しかも、インラインで書けるので、他に影響を及ぼさないことも可能なのが良い。

<TABLE border="1" cellspacing="0" cellpadding="3" cols="3">

<COLGROUP style="text-align:center;" span="1"></COLGROUP>

<COLGROUP style="text-align:right;" span="2"></COLGROUP>

こんな風に書けば、一番左の列は中央揃え、残り二列は右揃えになる。

へぇ、知らんかった。

HTML

<COLGROUP> タグについて