## <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> をサポートしていないブラウザでも表示可能なように別の方式で表示しています。

#### ■ 関連項目

<table>、 <col>

Copyright (C) 1996-2001 杜甫々
初版：2000年10月9日、最終更新：2002年7月27日
http://www.tohoho-web.com/html/colgroup.htm