HTML リファレンスマニュアル

HTMLタグ完全ガイド

HTML: <col>タグ

HTMLの<col>要素は、テーブルの列を定義し、すべての公共セルに共通の意味を定義するために使用されます。これは通常<colgroup>要素内に位置します。

オンラインサンプル

<colgroup>と<col>タグは、テーブルの三つの列に背景色を設定します：

サンプル

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>基本チュートリアルウェブ(oldtoolbag.com)</title>　
</head>
<body>
<table>
　　<colgroup>
　　　　<col　span="3"　style="background-color:#FFF3E0;">
　　　　<col　style="background-color:orange;">
　　</colgroup>
　　<thead>
　　　　<tr>
　　　　　　<th>Item</<th>
　　　　　　<th>Quantity</<th>
　　　　　　<th>Price</<th>
　　　　　　<th>Total</<th>
　　　　</tr>
　　</<thead>
　　<tbody>
　　　　<tr>
　　　　　　<td>Oranges</td>
　　　　　　<td>45</td>
　　　　　　<td>$2</td>
　　　　　　<td>$90</td>
　　　　</tr>
　　</tbody>
</table>
</body>
</html>

テストをしてみてください ‹/›

このHTML5ドキュメントの例では、<colgroup>、<thead>、<tbody>部分を持つテーブルを作成しました。<colgroup>部分では、二つの<col>タグを使用しました。最初の<col>タグは、前三列をグループ化し、これらの列の背景色を浅いオレンジ色、すなわち#FFFに設定します。3E0の16進値。二つ目の<col>タグは、第四列をグループ化し、背景色をオレンジ色に設定します。

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが<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	% 　ピクセル　relative_length	HTML5 サポートされていません。<col>要素の幅を指定します。

グローバル属性

<col> タグのサポート HTMLのグローバル属性。

イベント属性

<col> タグのサポート HTMLのイベント属性。

HTML: <colgroup>タグ HTML: <code>タグ