<col>: COL 要素

最終更新：2026-10-13

<col>COL 要素

テーブルの列を定義します。通常は colgroup 内に置き、列全体のスタイルやスパンを一括指定します。

カテゴリ	テーブル
コンテンツモデル	フローコンテンツ
許可される親要素	フローコンテンツを受け入れる要素
閉じタグ	自己完結 — 閉じタグ不要
ステータス	標準

📝 構文

<col span="2">

⚙️ 属性

この要素はグローバル属性に加え、以下の属性をサポートします：

属性	値	説明
`span`		Number of columns this definition covers (default 1).

すべてのグローバル属性を見る → すべてのイベント属性を見る →

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認：

▶ 試してみる

🌐 ブラウザサポート

ブラウザ	Chrome	Edge	Firefox	Safari	Opera
<col>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
すべての主要ブラウザでサポート

ヒント： col は空要素（終了タグなし）です。width などの列スタイルは td ではなく col に指定します。

❓ よくある質問

Qcol はどうやって列全体にスタイルを当てますか？

A<col> 自体は表示されず、span 属性（デフォルトは1）で「私は第 N 列を代表する」と宣言し、<colgroup> と組み合わせて使います。設定できるスタイルは限られます：width、background、border（table に border-collapse: collapse が必要）、visibility です。

Qcol では文字の色を変えられないのはなぜですか？

A<col> はセルの親要素ではなく、「列の抽象的な代表」にすぎません。継承されるプロパティ（文字色など）は、col を通じて td には届きません。列全体の文字に色を付けるには td:nth-child(n) セレクタを使います。col が担当するのは背景や幅といった「列レベルのボックス」のスタイルだけです。

Qcol の span 属性はどう使いますか？

A<col span='3'> は、1つの col 要素が連続する3列を同時に代表することを意味し、複数列の幅をまとめて設定するときによく使います：<colgroup><col style='width:40%'><col span='3' style='width:20%'></colgroup>。span の合計はテーブルの実際の列数と一致させます。