例
3つの列の背景色を設定し<colgroup>および<col>タグ：
<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>
»それを自分で試してみてください 定義と使用法
<colgroup>タグには、書式設定のためのテーブルに1つ以上の列のグループを指定します。
<colgroup>タグには、行ごとに、代わりに各セルのスタイルを繰り返すことで、全体の列にスタイルを適用する場合に便利です。
注： <colgroup>タグはの子である必要があり<table> 、要素のいずれかの後に<caption>要素と任意の前に<thead>, <tbody>, <tfoot> 、および<tr>要素。
ヒント：内の列に異なる特性を定義するには<colgroup>使用し、 <col>内のタグを<colgroup>タグ。
ブラウザのサポート
| 素子 | |||||
|---|---|---|---|---|---|
| <colgroup> | はい | はい | はい | はい | はい |
HTML 4.01とHTML5の違い
HTML 4.01の属性のほとんどは、HTML5でサポートされていません。
属性
| 属性 | 値 | 説明 |
|---|---|---|
| align | left right center justify char | HTML5でサポートされていません。 列グループ内のコンテンツを揃え |
| char | character | HTML5でサポートされていません。 文字の列グループ内のコンテンツを揃え |
| charoff | number | HTML5でサポートされていません。 コンテンツは、で指定した文字から文字数整列されます設定しchar属性 |
| span | number | 列グループがまたがる列の数を指定します。 |
| valign | top middle bottom baseline | HTML5でサポートされていません。 縦の列グループ内のコンテンツを整列します |
| width | pixels % relative_length | HTML5でサポートされていません。 列グループの幅を指定します。 |
グローバル属性
<colgroup>タグもサポートし、グローバルは、HTMLの属性 。
イベント属性
<colgroup>タグもサポートしています。イベントは、HTMLの属性 。
関連ページ
HTML DOMリファレンス： ColumnGroupオブジェクト
デフォルトのCSS設定
ほとんどのブラウザが表示されます<colgroup>次のデフォルト値を持つ要素を：