HTML <colgroup>タグ

例

<colgroup> と <col> タグは、テーブルの3つの列に背景色を設定します：

<table border="1">
<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>

試してみる »

ブラウザサポート

すべての主要ブラウザは <colgroup> タグをサポートしています。

タグの定義と使用説明

<colgroup> タグは、テーブル内の列をグループ化してフォーマットするために使用します。

<colgroup> タグを使用すると、列全体にスタイルを適用でき、各セルや各行に繰り返しスタイルを設定する必要がありません。

注釈：<colgroup> タグは、<table> 要素内、任意の <caption> 要素の後、任意の <thead>、<tbody>、<tfoot>、<tr> 要素の前にのみ使用できます。

ヒント：<colgroup> 内の特定の列に異なる属性を定義したい場合は、<colgroup> タグ内で使用してください<col>タグ。

HTML 4.01 と HTML5 の違い

HTML5 では、HTML 4.01 の大部分の属性はサポートされなくなりました。

属性

属性	值	説明
align	left right center justify char	HTML5 ではサポートされていません。列グループ内のコンテンツの水平方向の配置を指定します。
char	character	HTML5 ではサポートされていません。列グループ内のコンテンツを整列する基準となる文字を指定します。
charoff	number	HTML5 ではサポートされていません。最初の整列文字のオフセットを指定します。
span	number	列グループがまたがる列数を指定します。
valign	top middle bottom baseline	HTML5 ではサポートされていません。列グループ内のコンテンツの垂直方向の配置を定義します。
width	pixels % relative_length	HTML5 ではサポートされていません。列グループの幅を指定します。

グローバル属性

<colgroup> タグはサポートしていますHTML のグローバル属性。

イベント属性

<colgroup> タグはサポートしていますHTML のイベント属性。

その他の拡張

HTMLタグ