colgroup(カラム・グループ)要素は表組みの列グループを表します。列に対して class 名を与えることが可能で、これをセレクタにして CSS を適用することができます。

colgroup要素説明
カテゴリーなし
コンテンツモデル
・span 属性が存在する場合のコンテンツモデルは空
・span 属性が存在しない場合は 0個以上の col 要素、および template 要素
使用できる場所table 要素の子要素として。ただし、任意の caption 要素より後ろ、かつ任意の thead、tbody、tfoot、tr 要素より前に記述する。

colgroup要素で使用できる属性

すべてのHTML要素で使用できる属性になります。

span属性はcolgroup要素、およびcol要素において、対象となる列の数を指定します。値には正の整数が入力できる。

使用例

<table>
  <colgroup span="2"></colgroup>
  <colgroup span="3"></colgroup>
    <tr>
      <td>氏名</td>
      <td>性別</td>
      <td>年齢</td>
      <td>住所</td>
      <td>電話番号</td>
    </tr>
    <tr>
      <td>小林太郎</td>
      <td>男性</td>
      <td>35歳</td>
      <td>東京都豊島区・・・・</td>
      <td>000-0000-0000</td>
    </tr>
</table>

表示

氏名性別年齢住所電話番号
小林太郎男性35歳東京都豊島区・・・・000-0000-0000
鈴木三郎男性56歳東京都江東区・・・・000-0000-0000

カテゴリー: