colgroup要素 縦欄のグループ (table column group)

 
テーブル
ホーム > HTML Note > colgroup要素
H4- ie3- N6-

説明

<colgroup>-</colgroup> 開始タグ:必須 終了タグ:省略可
colgroupは、column groupの略です。colgroup要素は、テーブル(表)の縦欄(コラム・カラム)に(thead | tfoot | tbody)と同じような構造的グループとしての情報を与える要素です。縦欄のグループに対して、属性やスタイルシートをまとめて指定することができます。

単に縦欄についての一括指定する場合は、col要素の方が良いでしょう。
 

属性 (W3C)

<colgroupH4- ie3- N6-
一般属性 id class style title lang dir %events;
span="数字" H4- ie3-
列数
整数で指定。初期値[1]。
width="マルチ長さ" H4- ie4- N6-
列幅
N(px)、S%、N*で指定。最小幅[0*](ゼロアスタリスク)も可。
align="位置" H4- ie4-7
内容の水平表示位置  詳細
left左に表示 (初期値)
center中央に表示
right右に表示
justify両端揃え (複数行テキスト)
char指定文字で揃える
*1 ie8から、colgroup要素におけるalign属性のサポートは廃止されました。
char="文字" H4-
位置揃えする文字
charoff="長さ" H4-
セル左端から文字までの距離
N(px)、S%で指定。
valign="位置" H4- ie4-
内容の垂直表示位置  詳細
top上に表示
middle中央に表示 (初期値)
bottom下に表示
baseline1行目のベースライン揃える
>(col)*</colgroup>

ブラウザ独自の属性 (ie N)

bgcolor="色" ie4-
背景色

基本形

データデータデータ
データデータデータ
<table border="1">
<colgroup span="2" width="100"></colgroup>
<tbody>
<tr><td>データ</td><td>データ</td><td>データ</td></tr>
<tr><td>データ</td><td>データ</td><td>データ</td></tr>
</tbody>
</table>
<table border="1">
<colgroup span="2" width="100">
<tr><td>データ<td>データ<td>データ
<tr><td>データ<td>データ<td>データ
</table>
 
関連要素: table > caption | colgroup|col | thead|tfoot|tbody> tr > th|td
トップページ HTML Note ページトップ
 2003/07/11発行 2009/09/01更新