HTMLテーブルの列グループ
この<colgroup>要素は、テーブルの特定の列のスタイルを設定するために使用されます。
HTMLテーブルの列グループ
テーブルの最初の2つの列のスタイルを設定する場合は、<colgroup>
and<col>
要素を使用します。
| MON | 火 | 結婚した | 収集 | FRI | SAT | 太陽 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
この<colgroup>要素は、カラム仕様のコンテナとして使用する必要があります。
各グループは<col>要素で指定されます。
このspan属性は、スタイルを取得する列の数を指定します。
属性はstyle、列に与えるスタイルを指定します。
注：colgroupsの有効なCSSプロパティの選択肢は非常に限られています。
例
<table>
<colgroup>
<col span="2"
style="background-color: #D6EEEE">
</colgroup>
<tr>
<th>MON</th>
<th>TUE</th>
<th>WED</th>
<th>THU</th>
...
注：<colgroup>タグは要素の子である必要があり、、などの他
<table>のテーブル要素の前に配置する必要がありますが、要素
が存在する場合は要素の後に配置する必要があります。<thead><tr><td><caption>
法的CSSプロパティ
colgroupで使用できるCSSプロパティの選択肢は非常に限られています。
widthプロパティ
visibilityプロパティ
backgroundプロパティ
borderプロパティ
他のすべてのCSSプロパティは、テーブルに影響を与えません。
複数の列要素
さまざまなスタイルでより多くの列のスタイルを設定する場合
は、 ：<col>内でより多くの要素を
使用します。<colgroup>
例
<table>
<colgroup>
<col span="2"
style="background-color: #D6EEEE">
<col span="3"
style="background-color: pink">
</colgroup>
<tr>
<th>MON</th>
<th>TUE</th>
<th>WED</th>
<th>THU</th>
...
空のColgroups
テーブルの中央で列のスタイルを設定する場合は、次の前に列の「空の」
<col>要素（スタイルなし）を
挿入します。
例
<table>
<colgroup>
<col span="3">
<col
span="2"
style="background-color: pink">
</colgroup>
<tr>
<th>MON</th>
<th>TUE</th>
<th>WED</th>
<th>THU</th>
...
列を非表示
visibility: collapse次のプロパティを使用して列を非表示にできます。
例
<table>
<colgroup>
<col span="2">
<col span="3"
style="visibility: collapse">
</colgroup>
<tr>
<th>MON</th>
<th>TUE</th>
<th>WED</th>
<th>THU</th>
...