Table: COLGROUP & COL

• 記述形式
  <COLGROUP>
      <COL>
      （テーブルの各要素）
  </COLGROUP> [ NN6,7 | IE3,4,5,6 ]
  
  
• 使用方法
  COLGROUP ： 列のグループ分けを定義
  COL ： COLGROUP 内で更にグループ分けするときに使用します。
  通常は <TABLE> <TR> <TH> <TD> タグと併用します。
  
  
• 使用例
  ※ IE3.x , IE4.x 以外のブラウザでは正常に表示されません
  <TABLE BORDER>
  <COLGROUP WIDTH="150" ALIGN="center"></COLGROUP>
  <COLGROUP SPAN="4" WIDTH="50">
  <COL SPAN="2" ALIGN="left">
  <COL SPAN="2" ALIGN="right" WIDTH="80">
  </COLGROUP>
  <TR><TH>Script</TH><TH>NN2</TH><TH>NN3</TH><TH>NN4</TH><TH>NN4.06</TH></TR>
  <TR><TD>JavaScript</TD><TD>○</TD><TD>○</TD><TD>○</TD><TD>○</TD></TR>
  <TR><TD>JavaScript1.1</TD><TD>×</TD><TD>○</TD><TD>○</TD><TD>○</TD></TR>
  <TR><TD>JavaScript1.2</TD><TD>×</TD><TD>×</TD><TD>○</TD><TD>○</TD></TR>
  <TR><TD>JavaScript1.3</TD><TD>×</TD><TD>×</TD><TD>×</TD><TD>○</TD></TR>
  </TABLE>
  

  Script	NN2	NN3	NN4	NN4.06
  JavaScript	○	○	○	○
  JavaScript1.1	×	○	○	○
  JavaScript1.2	×	×	○	○
  JavaScript1.3	×	×	×	○

  上記のように TABLE BORDER RULES="groups" を指定しなければ COLGROUP 表示が無効になります。
  
  
• option attribute
  • グループ分けする列要素数を指定する
    <COLGROUP SPAN="num"> [ NN6,7 | IE3,4,5,6 ]
    <COL SPAN="num"> [ NN6,7 | IE3,4,5,6 ]
    
    
  • 列要素の幅を指定する
    <COLGROUP WIDTH="pixel | % | multi-length"> [ NN6,7 | IE3,4,5,6 ]
    <COL WIDTH="pixel | % | multi-length"> [ NN6,7 | IE3,4,5,6 ]
    multi-length とは一つのグループの許容する幅を指定します。
    例えば WIDTH="5*" とすると 50pixel までのグループ幅で表示されます。
    そのグループ中の要素が全て 50pixel 以下の場合は最大の要素幅に合わせられます。
    ※ 現時点で multi-length をサポートしているブラウザはありません。
    
    
  • テキスト位置を指定 ＜水平方向＞
    <COLGROUP ALIGN="left | right | center | justify | char"> [ NN6,7 | IE3,4,5,6 ]
    <COL ALIGN="left | right | center | justify | char"> [ NN6,7 | IE3,4,5,6 ]
    
    
  • セル中のテキスト位置を指定 ＜垂直方向＞
    <COLGROUP VALIGN="top | bottom | middle | baseline"> [ NN6,7 | IE3,4,5,6 ]
    <COL VALIGN="top | bottom | middle | baseline"> [ NN6,7 | IE3,4,5,6 ]
    
    
  • 特定の記号にテキストを揃える
    <COLGROUP CHAR="symbol"> [ nothing ]
    <COL CHAR="symbol"> [ nothing ]
    このアトリビュートを使う場合は ALIGN="char" や LANG アトリビュートを同時指定します。
    
    
  • CHAR 指定に対してオフセットする
    <COLGROUP CHAROFF="pixel | %"> [ nothing ]
    <COL CHAROFF="pixel | %"> [ nothing ]
    
    
  • 複数のタグで同一の名称(例えばHEAD部のCSS要素)を使用する
    <COLGROUP CLASS="name"> [ NN6,7 | IE3,4,5,6 ]
    <COL CLASS="name"> [ NN6,7 | IE3,4,5,6 ]
    
    
  • タグに名称を付ける
    <COLGROUP ID="name"> [ NN6,7 | IE4,5,6 ]
    <COL ID="name"> [ NN6,7 | IE4,5,6 ]
    
    
  • スタイル属性を定義する
    <COLGROUP STYLE="property"> [ NN6,7 | IE3,4,5,6 ]
    <COL STYLE="property"> [ NN6,7 | IE3,4,5,6 ]
    
    
  • タグに付加的情報を付ける
    <COLGROUP TITLE="comment"> [ IE4,5 nothing ]
    <COL TITLE="comment"> [ IE4,5 nothing ]
    
    
  • 言語を指定する
    <COLGROUP LANG="language"> [ IE4,5,6 ]
    <COL LANG="language"> [ IE4,5,6 ]
    
    
  • テキストの読み方向を指定する
    <COL DIR="ltr | rtl"> [ IE5,6 ]
    
    
  • 指定部分をクリックしたときにスクリプト処理を行う
    <COLGROUP onClick="処理 | 関数名"> [ IE4,5 nothing ]
    <COL onClick="処理 | 関数名"> [ IE4,5 nothing ]
    
    
  • 指定部分をダブルクリックしたときにスクリプト処理を行う
    <COLGROUP onDblclick="処理 | 関数名"> [ IE4,5 nothing ]
    <COL onDblclick="処理 | 関数名"> [ IE4,5 nothing ]
    
    
  • 指定部分の上でマウスのキーを押し下げたときにスクリプト処理を行う
    <COLGROUP onMousedown="処理 | 関数名"> [ IE4,5 nothing ]
    <COL onMousedown="処理 | 関数名"> [ IE4,5 nothing ]
    
    
  • 指定部分の上でマウスのキーを上げた（元に戻した）ときにスクリプト処理を行う
    <COLGROUP onMouseup="処理 | 関数名"> [ IE4,5 nothing ]
    <COL onMouseup="処理 | 関数名"> [ IE4,5 nothing ]
    
    
  • マウスポインタが指定部分の上に載ったときにスクリプト処理を行う
    <COLGROUP onMouseover="処理 | 関数名"> [ IE4,5 nothing ]
    <COL onMouseover="処理 | 関数名"> [ IE4,5 nothing ]
    
    
  • マウスポインタが指定部分から外れたときにスクリプト処理を行う
    <COLGROUP onMouseout="処理 | 関数名"> [ IE4,5 nothing ]
    <COL onMouseout="処理 | 関数名"> [ IE4,5 nothing ]
    
    
  • マウスポインタが指定部分の上で移動しているときにスクリプト処理を行う
    <COLGROUP onMousemove="処理 | 関数名"> [ IE4,5 nothing ]
    <COL onMousemove="処理 | 関数名"> [ IE4,5 nothing ]
    
    
  • 指定部分の上でキーボードのキーを押し下げたときにスクリプト処理を行う
    <COLGROUP onKeydown="処理 | 関数名"> [ nothing ]
    <COL onKeydown="処理 | 関数名"> [ nothing ]
    
    
  • 指定部分の上でキーボードのキーを上げた（元に戻した）ときにスクリプト処理を行う
    <COLGROUP onKeyup="処理 | 関数名"> [ nothing ]
    <COL onKeyup="処理 | 関数名"> [ nothing ]
    
    
  • 指定部分の上でキーボードのキーを押し下げた状態のときにスクリプト処理を行う
    <COLGROUP onKeypress="処理 | 関数名"> [ nothing ]
    <COL onKeypress="処理 | 関数名"> [ nothing ]