HTML <col> タグ

定義と使用法

<col> タグはテーブル内の1つまたは複数の列に対して属性値を定義します。

すべての列にスタイルを適用する場合、<col> タグは非常に便利で、各セルや各行にスタイルを繰り返し適用する必要がありません。

ヒント

以下の部分で使用する場合は、 colgroup 各列に対して異なる属性値を指定する場合は、この要素を使用してください。col 要素がない場合、列は colgroup からすべての属性値を継承します。

col 要素は属性のみを含む空要素です。列を作成するには、tr 要素内で td 要素を指定する必要があります。

も参照してください：

HTML リファレンスマニュアル：<colgroup> タグ

HTML DOM リファレンスマニュアル：Column オブジェクト

例

使用 <colgroup> と <col> タグで三列の背景色を設定します：

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>タイトル</th>
    <th>価格</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>HTML 入門</td>
    <td>$53</td>
  </tr>
</table>

実際に試してみる

属性

属性 値 説明
span 数字 <col>要素が跨ぐ列数を指定します。

グローバル属性

<col> タグは以下のイベント属性をサポートしています HTMLでのグローバル属性。

イベント属性

<col> タグは以下のイベント属性をサポートしています HTMLでのイベント属性。

デフォルトの CSS 設定

ほとんどのブラウザでは以下のデフォルト値を使用して表示されます <col> 要素：

col {
  display: table-column;
}

実際に試してみる

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート