属性	値	機能	記述例
span	列数	変更する列の数	<COL span="5">
bgcolor	色	背景色の設定	<COL bgcolor="red">
align	left center right	左揃え(初期値) セルの内容を中央揃えセルの内容を右揃え	<COL align="left"> <COL align="center"> <COL align="right">
valign	top middle bottom baseline	セルの内容を上揃え中央揃え(初期値) セルの内容を下揃えベースラインに揃える	<COL valign="top"> <COL valign="middle"> <COL valign="bottom"> <COL valign="baseline">
width	数値/%	セルの横幅	<COL width="20%">

<COLGROUP>タグについて

複数の行をまとめて設定します。<COL>とほぼ機能は同じですが、<COLGROUP>タグは列の構造的なグループ化は行います。
span属性を用いて複数の列を同じ設定にすることも可能です。
<COLGROUP>タグには終了タグはありません。

属性	値	機能	記述例
span	列数	変更する列の数	<COLGROUP span="5">
bgcolor	色	背景色の設定	<COLGROUP bgcolor="red">
align	left center right	左揃え(初期値) セルの内容を中央揃えセルの内容を右揃え	<COLGROUP align="left"> <COLGROUP align="center"> <COLGROUP align="right">
valign	top middle bottom baseline	セルの内容を上揃え中央揃え(初期値) セルの内容を下揃えベースラインに揃える	<COLGROUP valign="top"> <COLGROUP valign="middle"> <COLGROUP valign="bottom"> <COLGROUP valign="baseline">
width	数値/%	セルの横幅	<COLGROUP width="20%">

サンプル

表の列

右揃えです	中央揃えです	左のセルと同じです	下揃えです
背景が水色です	幅は50です	左のセルと同じです	幅は200です

サンプル・ソース

緑の文字が変更箇所で、赤い文字が対応するタグ・属性です。

<H2>表の列</H2>
<BR>
<TABLE width="400" height="150" border="1">
<COL bgcolor="#ccccff" width="100" align="right">
<COL span="2" width="50" align="center">
<COL width="200" valign="bottom">
<TR>
<TD>右揃えです</TD>
<TD>中央揃えです</TD>
<TD>左のセルと同じです</TD>
<TD>下揃えです</TD>
</TR>
<TR>
<TD>背景が水色です</TD>
<TD>幅は50です</TD>
<TD>左のセルと同じです</TD>
<TD>幅は200です</TD>
</TR>
</TABLE>

解説・注意点など

上のサンプルは<COL>タグですが、<COLGROUP>タグも基本的に同じです。

← HTMLタグリファレンス/Tipsに戻る

eWeb