1. Home
  2. HTMLタグ
  3. 要素一覧 [ABC]
  4. colgroup 要素

colgroup 要素


colgroup

ブラウザ
IE
Fx
Sf
Cr
O7

列のグループ化

<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>

DTD

Str Tra Fra

タグ

開始タグ 終了タグ
必須 省略可

分類

子要素

メモ

table要素の直接の子要素としては、colgroup要素とcol要素を同時に配置することができません(この2つを同じ階層に配置できません)。colgroup要素を配置した場合は、col要素はcolgroup要素の子要素としてのみ、出現することができます。


要素一覧 [ABC]

ページの先頭へ


inserted by FC2 system