col - テーブル(表)の縦列の属性やスタイル

表の1つ以上の縦列をグループ化して、 その縦列グループに対して同じ属性やスタイルをまとめて指定することができます。
span属性には、グループ化する縦列の数を指定します。 span属性の値に指定できるのは0より大きい正の整数で、負の数値を指定することはできません。

col要素のブラウザ別サポート状況

- ie6 ie7 ie8 ie9 firefox4 chorme safari5 opera10
col

col要素のHTML4からHTML5への変更点

HTML5では、align属性・char属性・charoff属性・valign属性・width属性が廃止されました。

コンテンツ属性

グローバル属性 すべての要素で共通に使える属性。HTML5で新たに定義された属性もあります。
span グループ化する縦列の数

「基本」のサンプル

HTMLコード

<table>
 <colgroup>
  <col style="background:#fcc">
 </colgroup>
 <colgroup>
  <col span=2 style="background:#ccf">
 </colgroup>
 <tr>
  <th>ヘッダ</th>
  <th>ヘッダ</th>
  <th>ヘッダ</th>
  <th>ヘッダ</th>
 </tr>
 <tr>
  <td>データ</td>
  <td>データ</td>
  <td>データ</td>
  <td>データ</td>
 </tr>
 <tr>
  <td>データ</td>
  <td>データ</td>
  <td>データ</td>
  <td>データ</td>
 </tr>
</table>

プレビュー

対応していないブラウザでは正しくプレビューされません。

別ウィンドウで「基本」のサンプルプレビューを確認

原文(英語):(http://www.w3.org/TR/2010/WD-html5-20100624/tabular-data.html#the-col-element)