colgroup
列のグループ化
<colgroup></colgroup>
表の列(縦列)を構造的にグループ化する要素です。
グループ化する列数は、この要素の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
<colgroup span="3" width="100"></colgroup>