構 文 | <COLGROUP>...</COLGROUP> |
---|---|
属性仕様 |
|
内容 | COL要素 |
内容に | TABLE |
COLGROUP要素は、テーブルでの 列のフループを定義します。これを使う場合 COLGROUPは、 TABLE内で CAPTIONの後で、 THEADの前にこなければなりません。 COLGROUPで定義された構造区分領域は、 スタイル・シートで列グループの体裁を指定するのが容易になります。
COLGROUPのSPAN属性は、グループの列数を定義します;初期値は1です。その他にもCOLGROUPについて属性が多数あり、グループの列に割り当てられます。 COLGROUPは、 COL要素を含み、COLは個々の列の属性を定義し列グループに定義された属性を上書きします。 SPAN属性は、 COLGROUPがCOL要素を持たない場合は使用すべきではありません。
次の例は、テーブルを三つの部分に構造的に分割している三つの列グループです。 最初の部分は、記述characterを表示する単一の列です。二番目の部分は三つの列からなり、HTML上文字の表示の異なって方法を表示します。三番目の部分は、三つの列からなり、ユーザーのブラウザ上で文字を表示します。
<TABLE SUMMARY="This table gives the character entity reference,
decimal character reference, and hexadecimal character
reference for 8-bit Latin-1 characters, as well as the
rendering of each in your browser.">
<COLGROUP>
<COLGROUP SPAN=3>
<COLGROUP SPAN=3>
<THEAD>
<TR>
<TH SCOPE=col ROWSPAN=2>Character</TH>
<TH SCOPE=col ROWSPAN=2>Entity</TH>
<TH SCOPE=col ROWSPAN=2>Decimal</TH>
<TH SCOPE=col ROWSPAN=2>Hex</TH>
<TH SCOPE=colgroup COLSPAN=3>Rendering in Your Browser</TH>
</TR>
<TR>
<TH SCOPE=col>Entity</TH>
<TH SCOPE=col>Decimal</TH>
<TH SCOPE=col>Hex</TH>
</TR>
</THEAD>
<TBODY>
<TR>
<TD SCOPE=row>non-breaking space</TD>
<TD>&nbsp;</TD>
<TD>&#160;</TD>
<TD>&#xA0;</TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
...
</TBODY>
</TABLE>
前の例の <COLGROUP SPAN=3>タグに代わって、三つの COL要素を伴う COLGROUPを使うこともできます:
<COLGROUP>
<COL CLASS=entity>
<COL CLASS=decimal>
<COL CLASS=hex>
</COLGROUP>
CLASS属性を使ってグループ内の各列を見分け、 スタイル・シートを使う際列で異なる体裁を取りやすくなります。
また、 COLGROUPは多くの体裁用の属性を取りますが、その大部分がスタイル・シートに完全に置き代えることができません。 COLGROUPをサポートしているブラウザは少なく、代りに TDや TH要素の属性で特定する制作者もいます。
WIDTH属性は、グループ内の各列の幅を特定します。値は、ピクセル単位の数値・テーブル幅に対するパーセンテージか整数である i*で表現される相対的な長さでなければなりません。 WIDTH="3*"のある列は、 WIDTH="1*"のある列の三倍が割り当てられます。 0*は、列内容に必要な最小幅を意味します。
ALIGN属性は、列グループ内の各セルの水平方向の配置を特定します。取り得る値は、 left・ center・ right・ justifyそして charです。 ALIGN=charは、 CHAR属性で与えられたセル内容を調節します。 CHAR属性の初期値は、使われている言語での少数 点で--英語ではピリオドです。 CHAROFF属性は、配列文字の最初の場所に出発を設定します。この属性の値は、セル幅のピクセル数値やパーセンテージです; CHAROFF="50%"は、セル内での文字配列を水平方向に中心化します。
VALIGN属性は、セルの内容の垂直方向の位置を特定します。取り得る値は: