col 要素表組みの列を表す

col 要素は、表組みの列を表します。

colgroup 要素の子要素として使用することが可能で、span 属性に、0より大きい正の整数を指定することで、対象となる列を表すことができます。

col 要素の仕様

カテゴリ
  • なし
コンテンツモデル
この要素を使用できる文脈

span 属性を持たない colgroup 要素の子として

この要素で使用できる属性

col 要素のサンプルソース

<table>
 <caption>
  <strong>生徒名簿</strong>
 </caption>
 <colgroup class="no" span="1" />
 <colgroup>
  <col class="name" span="2" />
  <col class="gender" span="1" />
  <col class="birthplace" span="1" />
 </colgroup>
 <thead>
  <tr>
   <th>出席番号</th>
   <th>氏名(姓)</th>
   <th>氏名(名)</th>
   <th>性別</th>
   <th>出身地</th>
  </tr>
  </thead>
  <tbody>
   <tr>
   …省略…

主要ブラウザの対応

IE11
Edge(EdgeHTML)
Edge(Chromium)
Chrome
Firefox
Safari
iOS Safari
Android Chrome

仕様書の該当箇所

4.9.4 The col element

用途から目的の要素を探す

用途から HTML5 の要素を逆引きできます。

テキストに対する意味づけを行いたい
テキストの編集を示したい
改行や折り返しを指定したい
上付きや下付きを指定したい
テキストの書字方向を制御したい
テキストにルビをふりたい
箇条書きなどリストを表したい
セクションを定義したい
コンテンツをグループ化したい
画像や映像などを埋め込みたい
スクリプトやスタイルを埋め込みたい
フォーム関連の要素
テーブル関連の要素
ドキュメントにメタデータを付与したい
インタラクティブな要素
その他

このページの上部へ