概要・意味 | テーブル(表)のデータの列のグループを表します |
---|---|
カテゴリー | 無 |
コンテンツモデル | span属性が設定されていればcolタグ、設定されていない場合は特になし |
タグ省略 | はじめの子要素が col 要素かつ終了タグを省略した colgroup 要素が前にない場合省略可。 空白またはコメントが後にない場合も終了タグを省略可。 |
colgroup
タグはテーブル(表)の列のグループを指定するタグです。
colgroup
タグはtable
タグの内部に配置する必要があります。
上記はcolgroup
タグを使い、列のグループを定義しそのグループに対してclass
属性を通して背景色を適用している例です。
colgroup
タグの中のcol
タグのspan
属性に2を設定し、2列をグループ化し、2列毎に異なるクラス名を付与し背景色を赤と緑としています。
colgroup
タグでは他のタグと同様にグローバル属性を設定することが可能です。
また下記のような専用の属性を持っています。
正の整数を指定します。colgroup
タグの対象となる列の数を設定します。span
属性を与えない場合はcolgroup
タグの子要素にcol
タグを必ず配置しましょう。
また現在は非推奨となっていますが、下記の属性がこれまでcolgroup
タグで設定することが可能でした。
セル内のデータの水平方向の配置を指定することが出来ます。
値には下記のいずれかを指定します。
背景色を指定することが出来ます。もちろんCSSのbackground-color
プロパティで設定することも出来ます。
align
属性がcharの場合に指定する軸となる文字。align
属性がchar以外の場合はこの属性は無視されます。ただしcolgroup
タグの中のcol
タグの初期の設定値として利用されます。
char
属性で指定した文字をセルの端からどの程度距離をとるかを指定する。数値で指定
セル内のデータの垂直方向の配置を指定することが出来ます。
値には下記のいずれかを指定します。