<COL span="縦列数">
<COL span="縦列数" width="幅">

---

縦列数	まとめて指定する縦列の数　(省略値=1)
幅	ピクセル ， % ， *

COL要素は、テーブルの縦列を構造的にグループ化するのではなく、縦列に対して属性やCSSをまとめて設定するときに使用します。
このCOL要素は、CAPTION要素の直後(なければTABLE要素の開始タグ<TABLE>の直後)に指定します。
テーブルの縦列を構造的にグループ化するときは、COLGROUP要素を使用します。
COLGROUP要素がある場合は、その内容としてCOL要素を設定することができます。
　→ 『縦列をグループ化させて属性を指定する』

縦列の幅の指定は、 「ピクセル」「パーセント(%)」「*」の3通りがあります。
「ピクセル」は、そのものの値を直接指定します。
「%」と「*」は、全体の幅に対しての割合で指定します。
これらが指定された場合、まず「ピクセル」と「%」で指定された幅が確保され、その残りが「*」の前につけられた数字の割合で分配されます。
「100,.1*,2*,3*」と指定された場合は、100ピクセルを除いた残りの幅を「1:2:3」の割合で分割します。
単に「*」だけが指定された場合には、「1*」と同じ意味になります。

COL要素のみの場合

ヘッダ1	ヘッダ4	データ1	データ4
ヘッダ2	ヘッダ5	データ2	データ5
ヘッダ3	ヘッダ6	データ3	データ6

<TABLE border="5">
<CAPTION>COL要素のみの場合</CAPTION>
<COL class="style1">
<COL class="style2">
<COL span="2" width="70" class="style3" align="center">
<TR>
<TD>ヘッダ1</TD>
<TD>ヘッダ4</TD>
<TD>データ1</TD>
<TD>データ4</TD>
</TR>
<TR>
<TD>ヘッダ2</TD>
<TD>ヘッダ5</TD>
<TD>データ2</TD>
<TD>データ5</TD>
</TR>
<TR>
<TD>ヘッダ3</TD>
<TD>ヘッダ6</TD>
<TD>データ3</TD>
<TD>データ6</TD>
</TR>
</TABLE>


※ CSSの内容

<STYLE type="text/css">
<!--
.style1 { background-color : #ccffcc; }
.style2 { background-color : #ffffcc; }
.style3 { background-color : #ffccff; }
-->
</STYLE>

COLGROUPとCOL要素

ヘッダ1	ヘッダ4	データ1	データ4
ヘッダ2	ヘッダ5	データ2	データ5
ヘッダ3	ヘッダ6	データ3	データ6

<TABLE border="5">
<CAPTION>COLGROUPとCOL要素</CAPTION>
<COLGROUP>
<COL span="2" width="60" class="style1">
<COL class="style2">
</COLGROUP>
<COLGROUP class="style3"></COLGROUP>
<TR>
<TD>ヘッダ1</TD>
<TD>ヘッダ4</TD>
<TD>データ1</TD>
<TD>データ4</TD>
</TR>
<TR>
<TD>ヘッダ2</TD>
<TD>ヘッダ5</TD>
<TD>データ2</TD>
<TD>データ5</TD>
</TR>
<TR>
<TD>ヘッダ3</TD>
<TD>ヘッダ6</TD>
<TD>データ3</TD>
<TD>データ6</TD>
</TR>
</TABLE>


※ CSSの内容

<STYLE type="text/css">
<!--
.style1 { background-color : #ccffcc; }
.style2 { background-color : #ffffcc; }
.style3 { background-color : #ffccff; }
-->
</STYLE>