HTMLタグ/HTML要素一覧/colgroup 要素

<colgroup></colgroup>
列のグループ化

ブラウザ
DTD	Strict：使用可 / Transitional：使用可 / Frameset：使用可
タグ	開始タグ：必須 / 終了タグ：省略可
分類	table要素の子要素
子要素	col

表の列（縦列）を構造的にグループ化する要素です。

グループ化する列数は、この要素のspan属性で指定するか、内容にcol要素を配置して指定します。

この要素の配置位置については、table要素のメモの項目を参考にしてください。


<table>

<colgroup span="2"></colgroup>

<colgroup>
<col align="center">
<col span="2" align="right">
</colgroup>

<tbody>
<tr>
<td>グループA</td>
<td>グループA</td>
<td>グループB</td>
<td>グループB</td>
<td>グループB</td>
</tr>
</tbody>

</table>

属性一覧
属性	説明	値	説明
任意属性
`span`	グループ化する列数	数値	`1`以上の整数（初期値は `1`）
`width`	各列の幅	数値、%、`*`	ピクセル数、パーセント、相対比率
`align`	セル内の位置指定（水平方向）	`left`	左寄せ（td要素の初期値）
		`center`	中央揃え（th要素の初期値）
		`right`	右寄せ
		`justify`	両端揃え
		`char`	char属性で指定した文字の位置で揃える
`valign`	セル内の位置指定（垂直方向）	`top`	上揃え
		`middle`	中央揃え（初期値）
		`bottom`	下揃え
		`baseline`	1行目をベースラインで揃える
`char`	位置揃えの対象文字	文字	任意の文字（初期値は小数点）
`charoff`	セルの端から対象文字までの距離	数値、%	ピクセル数またはパーセント

上記の各指定（span属性を除く）は、グループ内の全ての列に適用されます。
span属性の指定がない場合は、1を指定したとみなされます。
列の幅は、相対比率で指定することもできます。整数の後にアスタリスク（ * ）を付けて指定しますが、この指定方法は一部のブラウザでしか対応していないようです。*だけで指定すると、1*を指定した時と同じになります。また、0*の指定は、内容を保持できる最小限の幅を意味します。
align属性とvalign属性は、一部のブラウザでしか対応していません。
align属性のchar値、char属性、charoff属性、この3つの指定に対応しているブラウザはほとんど無いようです。
char属性、およびcharoff属性の指定は、align属性でcharを指定した場合に有効となります。

共通属性・その他属性: style; class; id; title; lang; dir
イベント属性: onclick; ondblclick; onmousedown; onmouseup; onmouseover; onmousemove; onmouseout; onkeypress; onkeydown; onkeyup
HTML5で廃止された属性: width; align; valign; char; charoff

この要素に関連する目的別リファレンス: 列をグループ化する

カテゴリー