colgroupタグ

colgroupは、表の列をグループ化するタグです。

解説

colgroupタグは、表の列単位にスタイルを適用させるなどの使い方ができます。

コンテンツ・モデル

属性

colgroupタグには以下の属性が指定できます。

その他のグローバル属性値については、グローバル属性をご覧ください。

サンプル

左側２列の背景色を水色にする

<table>
  <colgroup span="2" style="background-color:skyblue;">
  <tr>
    <td>北海道</td><td>札幌市</td><td>1,952,255</td>
  </tr>
  <tr>
    <td>青森県</td><td>青森市</td><td>290,646</td>
  </tr>
</table>

備考

• colgroupは「column group」の略です。
• colgroupに指定できないスタイルも存在します。（text-alignなど）

関連項目

• table：表を作成する
• tr：表の行を定義する
• th：表のヘッダセルを定義する
• td：表のセルを定義する
• tbody：テーブルのメイン領域を表す
• thead：テーブルのヘッダー行領域を表す
• tfoot：テーブルのフッター行領域を表す
• caption：表をのタイトルを指定する
• colgroup：表の列をグループ化する
• col：表の列を表す

Tweet