colgroup - テーブルのカラム設定|HTMLリファレンス|ホームページ作成講座リュウム

<colgroup> - テーブルのカラム設定

概要

形式	<colgroup>～</colgroup>
サポート	H4s～ / e3～ / N6～
タグの省略	開始タグ：必須、終了タグ：省略可能
包含可能要素	col

説明

colgroup は COLumn GROUP の略です。テーブルのカラム（列）グループに対して、横幅や右寄せ、左寄せなどの指定を行います。<colgroup> でカラムグループの設定を行い、加えて、<col> で個々のカラムの設定を行うこともできます。

IE4.0、Netscape 6 からサポートされましたが、Netscape 6.0 では width の指定のみ可能なようです。

属性

【固有属性】

属性	意味
align=align	H4s/e3。表示位置を指定します。　　center：中央（H4/e3）　　char：指定した文字で揃える（H4）　　justify：均等割付（H4）　　left：左寄せ（H4/e3）　　right：右寄せ（H4/e3）
bgcolor=color	e3。背景色を指定します。
char=char	H4s。位置揃えする文字を指定します。
charoff=n	H4s。char 属性で指定した文字を、セルの左端からどのくらいの位置に表示するかのオフセットを指定します。
span=n	H4s/e3/N6。例えば span=3 とすると、3列の指定を一度に行うことができます。<col> を包含する場合はこの属性は無視されます。
valign=valign	H4s/e4。縦方向の位置を指定します。　　baseline：ベースライン（H4/e4）　　bottom：下側（H4/e4）　　middle：中央（H4/e4）　　top：上側（H4/e4）
width=n	H4s/e4/N6。列の横幅を数値または"50%"のようなパーセンテージで指定します。

【一般属性】

属性	意味
class=class	H4s/e4。クラスを指定します。
dir=dir	H4s/e5。文字の表示方向を指定します。
id=id	H4s/e4。IDを指定します。
lang=lang	H4s。言語を指定します。
style=style	H4s/e4。スタイルシートを指定します。
title=title	H4s。タイトルを指定します。

使用例

HTMLソース

<table border=1>
 <colgroup bgcolor="#e0e0e0" width=100 align="center">
 </colgroup>
 <colgroup>
  <col span=1 width=50 align="center">
  <col span=2 width=50 align="right">
 </colgroup>
 <tr bgcolor="#e0e0e0">
  <th align=center>名前</th>
  <th align=center>出身</th>
  <th align=center>Ａ値</th>
  <th align=center>Ｂ値</th>
 </tr>
 <tr><td>田中</td><td>東京</td><td>123</td><td>123</td></tr>
 <tr><td>鈴木</td><td>大坂</td><td>456</td><td>456</td></tr>
 <tr><td>佐藤</td><td>京都</td><td>789</td><td>789</td></tr>
</table>

ブラウザ表示例(※)

名前	出身	Ａ値	Ｂ値
田中	東京	123	12.3
鈴木	大坂	456	456
佐藤	京都	789	789

※ <col> や <colgroup> をサポートしていないブラウザでも表示可能なように別の方式で表示しています。