例
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>
»それを自分で試してみてください 定義と使用法
<col>タグには、内の各列の列プロパティを指定し<colgroup>要素。
<col>タグには、行ごとに、代わりに各セルのスタイルを繰り返すことで、全体の列にスタイルを適用する場合に便利です。
ブラウザのサポート
素子 | |||||
---|---|---|---|---|---|
<col> | はい | はい | はい | はい | はい |
HTML 4.01とHTML5の違い
HTML 4.01の属性のほとんどは、HTML5でサポートされていません。
HTMLとXHTMLの違い
HTMLでは<col>タグには終了タグがありません。
XHTMLでは、 <col>タグが正しく閉じられなければなりません。
属性
属性 | 値 | 説明 |
---|---|---|
align | left right center justify char | HTML5でサポートされていません。 関連したコンテンツの配置を指定し<col>要素を |
char | character | HTML5でサポートされていません。 関連したコンテンツの配置を指定します<col>文字に要素を |
charoff | number | HTML5でサポートされていません。 コンテンツは、で指定した文字から文字数整列される指定しchar属性 |
span | number | 列の数を指定し<col>要素が及ぶべきを |
valign | top middle bottom baseline | HTML5でサポートされていません。 関連したコンテンツの垂直方向の配置を指定し<col>要素を |
width | % pixels relative_length | HTML5でサポートされていません。 幅を指定し<col>要素を |
グローバル属性
<col>タグもサポートし、グローバルは、HTMLの属性 。
イベント属性
<col>タグもサポートしています。イベントは、HTMLの属性 。
関連ページ
HTML DOMリファレンス: 列オブジェクト
デフォルトのCSS設定
ほとんどのブラウザが表示されます<col>次のデフォルト値を持つ要素を: