HTML <col> タグ

例

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

<table>
<colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
</colgroup>
<tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
</tr>
<tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
</tr>
</table>

Try it Yourself ❯

定義と用法

<col> タグは、<colgroup> 要素内の各列の column プロパティを指定します。

<col> タグは、行ごとに各セルのスタイルを繰り返すのではなく、列全体にスタイルを適用するのに便利でます。

ブラウザ・サポート

要素
<col>	Yes	Yes	Yes	Yes	Yes

HTML 4.01 と HTML5 の相違点

HTML 4.01 の属性のほとんどは、HTML5 ではサポート対象外です。

HTML と XHTML との相違点

HTML では、<col> タグに終了タグはありません。

XHTML では、<col> ;タグを適切に閉じなければなりません。

属性

属性	値	説明
align	left right center justify char	HTML5 ではサポート対象外。 <col> 要素に関連するコンテンツの配置を指定する
char	character	HTML5 ではサポート対象外。 <col> 要素に関連するコンテンツを配置するための文字を指定する
charoff	number	HTML5 ではサポート対象外。 char 属性で指定した文字までの文字数を指定する
span	number	<col> 要素がまたがる列数を指定する
valign	top middle bottom baseline	HTML5 ではサポート対象外。 <col> 要素に関連するコンテンツの垂直方向の配置を指定する
width	% pixels relative_length	HTML5 ではサポート対象外。 <col> 要素の幅を指定する

グローバル属性

<col> タグは、HTML のグローバル属性もサポートします。

イベント属性

<col> タグは、HTML のイベント属性もサポートします。

デフォルトの CSS 設定

ほとんどのブラウザは、次のデフォルト値を使用して <col> 要素を表示しています：

例

col {
display: table-column;
}