col

提供: ASCII.jp HTMLリファレンス

ver.8~ ver.7~ ver.14~ ver.5.1~ ver.11.5~
意味
読み方 コル/カラム

カテゴリー

なし

親にできる要素/カテゴリー

span属性がないcolgroup要素の子要素として

子にできる要素/カテゴリー

<col 属性="値">

属性 概要
span 整数値 列数

グローバル属性

accesskey,class,contenteditable,contextmenu,dir,draggable,hidden,id,lang,spellcheck,style,tabindex,title

説明

 col要素はcolgroup要素中で、1列以上の列を示します。span属性で列数を指定します。

 列内のセルに対してまとめてスタイルを適用するような場合、col要素を使います。

サンプル

(body要素の内部)

<table border="1">
<colgroup span="1" class="number"></colgroup>
<colgroup>
<col span="1" class="name">
<col span="2" class="data">
</colgroup>
<thead>
<tr><th>番号</th><th>氏名</th><th>住所</th><th>電話番号</th></tr>
</thead>
<tbody>
<tr><td>1</td><td>山田 太郎</td><td>東京都新宿区若松町X-XX</td><td>03-1234-XXXX</td></tr>
<tr><td>2</td><td>鈴木 花子</td><td>神奈川県横浜市港北区菊名X-XX-XX</td><td>045-234-XXXX</td></tr>
<tr><td>3</td><td>高橋 和夫</td><td>埼玉県さいたま市浦和区駒場X-XX-XX</td><td>048-345-XXXX</td></tr>
</tbody>
</table>

(スタイルシート)

.number { background-color : #ccffff }
.name { background-color : #ffccff }
.data { background-color : #ffffcc }

サンプル実行画像

よくある間違い、勘違い

 HTML5では、colに指定できる属性はspan属性だけです。それ以外の属性(width属性など)は廃止されました。

Powered by Web Professional

目次