HTML <col>タグ
例
<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>
<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>
試してみる »
ブラウザサポート
![]()
すべての主要ブラウザは <col> タグをサポートしています。
タグ定義と使用説明
<col> タグは規定します<colgroup>要素内部の各列の列属性を。
<col> タグを使用することで、列全体にスタイルを適用でき、各セルや行ごとにスタイルを繰り返し設定する必要はありません。
HTML 4.01 と HTML5 の違い
HTML5 では、HTML 4.01 の大部分の属性はサポートされなくなりました。
HTML と XHTML の違い
HTML では、<col> タグには終了タグがありません。
XHTML では、<col> タグは正しく閉じる必要があります。
属性
| 属性 | 值 | 説明 |
|---|---|---|
| align | left right center justify char |
HTML5 ではサポートされていません。<col> 要素に関連するコンテンツの水平方向の配置を規定します。 |
| char | character | HTML5 ではサポートされていません。<col> 要素に関連するコンテンツをどの文字に基づいて整列するかを規定します。 |
| charoff | number | HTML5 ではサポートされていません。最初の整列文字のオフセットを規定します。 |
| span | number | <col> 要素がまたがる列数を規定します。 |
| valign | top middle bottom baseline |
HTML5 ではサポートされていません。<col> 要素に関連するコンテンツの垂直方向の配置を規定します。 |
| width | % pixels relative_length |
HTML5 ではサポートされていません。Specifies the width of a <col> element |
グローバル属性
<col> タグはサポートしていますHTML のグローバル属性。
イベント属性
<col> タグはサポートしていますHTML のイベント属性。
その他の拡張