基礎

HTML

カラム・グループ

colgroup要素

最終更新日：2023-09-18
公開日：2016-05-17

表組みの列グループを表します。特定の列をグルーピングし、CSSを適用したい場合などに使用します。

HTML サンプルコード

<table>
  <colgroup>
    <col class="col_category" span="1">
    <col class="col_item" span="2">
  </colgroup>
  <tr>
    <th>カテゴリ</th>
    <th>商品名</th>
    <th>在庫数</th>
  </tr>
</table>

カテゴリー
なし
コンテンツモデル
span属性が指定されている場合：なし（空） span属性が指定されていない場合：0個以上のcol要素、template要素
使用ケース
table要素の子要素として使用し、caption要素よりも後ろ、thead要素・tbody要素・tfoot要素・tr要素より前に配置

属性

グローバル属性: 下記の属性に加え、グローバル属性を指定することもできます。
グローバル属性について詳しくは、「HTMLのグローバル属性」をご覧ください。
span: 対象となる列数を整数で指定します。要素内にcol要素が1つもないときのみ指定することができます。

ca-pub-6292870682629488