HTML5 <colgroup> タグ
例
<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 »
ブラウザ・サポート
<colgroup> タグは、主要な全ブラウザがサポートしています。
定義と用法
<colgroup> タグは、フォーマットするテーブル内の1つ以上の列のグループを指定します。
<colgroup> 各セル、各行へスタイルを繰り返す代わりに、スタイルを全体の列に適用するのに便利です。
注: <colgroup> タグは、<caption> 要素の後で、全ての
<thead>、<tbody>、<tfoot>、および <tr> 要素の前の、<table> 要素の子でなければなりません。
チップ: <colgroup> 内の列へ別な属性値を定義するには、<colgroup> タグ内へ
<col> タグを使用します。
HTML 4.01 と HTML5 との相違点
4.01 からの属性のほとんどは、HTML5ではサポートされません。
属性
| 属性 |
値 |
説明 |
| align |
left
right
center
justify
char |
HTML5 ではサポートしていない |
| char |
character |
HTML5 ではサポートしていない |
| charoff |
number |
HTML5 ではサポートしていない |
| span |
number |
結合する <colgroup> の列数を定義する |
| valign |
top
middle
bottom
baseline |
HTML5 ではサポートしていない |
| width |
%
pixels
relative_length |
HTML5 ではサポートしていない |
グローバル属性
<colgroup> タグは、HTML5におけるグローバル属性 もサポートします。
イベント属性
<colgroup> タグは、HTML5におけるイベント属性 もサポートします。
|