The Web Design Group

COLGROUP−列のグループ化

構 文 <COLGROUP>...</COLGROUP>
属性仕様
  • SPAN=Number (グループの列数)
  • WIDTH=MultiLength(各列の幅)
  • ALIGN=[ left | center | right | justify | char ] (グループの列の水平配置)
  • CHAR=Character (alignment character for cells)
  • CHAROFF=Length (alignment character offset)
  • VALIGN=[ top | middle | bottom | baseline ] グループの列の垂直配置)
  • 共通属性
内容 COL要素
内容に TABLE

 COLGROUP要素は、テーブルでの 列のフループを定義します。これを使う場合 COLGROUPは、 TABLE内で CAPTIONの後で、 THEADの前にこなければなりません。 COLGROUPで定義された構造区分領域は、 スタイル・シートで列グループの体裁を指定するのが容易になります。

 COLGROUPSPAN属性は、グループの列数を定義します;初期値は1です。その他にもCOLGROUPについて属性が多数あり、グループの列に割り当てられます。 COLGROUPは、 COL要素を含み、COLは個々の列の属性を定義し列グループに定義された属性を上書きします。 SPAN属性は、 COLGROUPCOL要素を持たない場合は使用すべきではありません。

 次の例は、テーブルを三つの部分に構造的に分割している三つの列グループです。 最初の部分は、記述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>&amp;nbsp;</TD>
      <TD>&amp;#160;</TD>
      <TD>&amp;#xA0;</TD>
      <TD>&nbsp;</TD>
      <TD>&#160;</TD>
      <TD>&#xA0;</TD>
    </TR>
    ...
  </TBODY>
</TABLE>

 前の例の <COLGROUP SPAN=3>タグに代わって、三つの COL要素を伴う COLGROUPを使うこともできます:

<COLGROUP>
  <COL CLASS=entity>
  <COL CLASS=decimal>
  <COL CLASS=hex>
</COLGROUP>

 CLASS属性を使ってグループ内の各列を見分け、 スタイル・シートを使う際列で異なる体裁を取りやすくなります。

 また、 COLGROUPは多くの体裁用の属性を取りますが、その大部分がスタイル・シートに完全に置き代えることができません。 COLGROUPをサポートしているブラウザは少なく、代りに TDTH要素の属性で特定する制作者もいます。

 WIDTH属性は、グループ内の各列の幅を特定します。値は、ピクセル単位の数値・テーブル幅に対するパーセンテージか整数である i*で表現される相対的な長さでなければなりません。 WIDTH="3*"のある列は、 WIDTH="1*"のある列の三倍が割り当てられます。 0*は、列内容に必要な最小幅を意味します。

 ALIGN属性は、列グループ内の各セルの水平方向の配置を特定します。取り得る値は、 leftcenterrightjustifyそして charです。 ALIGN=charは、 CHAR属性で与えられたセル内容を調節します。 CHAR属性の初期値は、使われている言語での少数 点で--英語ではピリオドです。 CHAROFF属性は、配列文字の最初の場所に出発を設定します。この属性の値は、セル幅のピクセル数値やパーセンテージです; CHAROFF="50%"は、セル内での文字配列を水平方向に中心化します。

 VALIGN属性は、セルの内容の垂直方向の位置を特定します。取り得る値は:

More Information