| 項 目 | 説 明 |
|---|---|
| 記述形式 | <colgroup span="列数">～</colgroup> （</colgroup> は省略可能） |
| 対応ブラウザー | H4+ / e3+ / N6+ / Fx1+ / Op6+ / Ch1+ / Sa1+ |
| 種 類 （カテゴリー） |
なし |
| 置ける場所 | table要素の子要素。 ただし，caption要素よりも後， thead要素，tbody要素，tfoot要素，tr要素より前。 |
| 内包要素 （コンテンツ・モデル） |
０個以上の col要素（span属性をもたないとき），空（span属性をもつとき） （コンテンツ・モデル: 直接指定） |
<colgroup> は COLumn GROUP の略です。 テーブルのカラム（列）グループに対して，横幅や右寄せ，左寄せなどの設定を行う対象範囲を指定します。 <colgroup> でカラムグループの設定を行い，加えて，<col> で個々のカラムの設定を行うこともできます。
| 種 類 | 名 称 |
|---|---|
| 【固有属性】 | span |
| 【グローバル属性】 | accesskey，class，contenteditable *，
dir， hidden *，id， lang，spellcheck *，style， tabindex，title，translate * |
| 【ARIA role属性】 で 指定可能な値 （役割） |
なし |
| 【ARIA aria-* 属性】 で 指定可能なもの |
ARIA グローバル状態とプロパティ |
| 種 類 | 名 称 |
|---|---|
| 【よく使うもの】 | color，background-color，font，font-size，font-family |
| HTMLソース | |
|---|---|
| CSS <head> ～ </head> |
<style type="text/css">
<!--
table, th, td { border: solid 1px #080808; }
-->
</style> |
| HTML <body> ～ </body> |
<table>
<colgroup style="background-color: #e0e0e0;
text-align: center; width: 100px;">
</colgroup>
<colgroup>
<col span=1 style="text-align: center; width: 50px;">
<col span=2 style="text-align: right; width: 50px;">
</colgroup>
<tr style="background-color: #e0e0e0; ">
<th style="text-align: center">名前</th>
<th style="text-align: center">出身</th>
<th style="text-align: center">Ａ値</th>
<th style="text-align: center">Ｂ値</th>
</tr>
<tr><td>田中</td><td>東京</td><td>123</td><td>123</td></tr>
<tr><td>鈴木</td><td>大阪</td><td>456</td><td>456</td></tr>
<tr><td>佐藤</td><td>京都</td><td>789</td><td>789</td></tr>
</table> |
| ブラウザー 表示例 （未対応のブラウザーでは正しく表示できません） | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|