はみ出しRAPTの戯言

- a day after yesterday -

目次

Blog 利用状況

ニュース

書庫

日記カテゴリ

コミュニティ リンク

<COLGROUP> タグについて

前の記事(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>

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

へぇ、知らんかった。

投稿日時 : 2007年5月2日 3:22

コメントを追加

# re: &lt;COLGROUP&gt; タグについて 2007/05/02 9:35 中博俊

おかしいよぉ。
<table>
<colgroup>
<col style="text-align:center;">
<col style="text-align:right;">
</colgroup>

<thead>
<tbody>
<tfoot>
</table>

っすよぉ。

# re: &lt;COLGROUP&gt; タグについて 2007/05/02 13:18 RAPT

W3C 原著も確認したのですが、
<!ELEMENT COLGROUP - O (COL)* -- table column group -->
とあるので、COL は必須タグではないのでは。
サンプルコードにも COL タグ無しの例もありますし、
COLGROUP にも style 属性が使えるって書いてありましたし。

W3C 4.01
http://www.w3.org/TR/1999/REC-html401-19991224/struct/tables.html#h-11.2.4

日本語版
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/tables.html#h-11.2.4

# re: &lt;COLGROUP&gt; タグについて 2007/05/03 17:14 中博俊

colgroupにcolsっていう属性ないと思いますが
colを省略する場合にはspan="3"とかって感じでカラム数明記するときとおもいますが

# re: &lt;COLGROUP&gt; タグについて 2007/05/03 21:48 RAPT

えっと、すみません。
COLGROUP の cols 属性となっていたのは、span 属性の typo でした。
ご指摘ありがとうございます。修正しました。

# re: &lt;COLGROUP&gt; タグについて 2007/05/09 0:00 中博俊

納得

タイトル
名前
URL
コメント