“col”要素:表の列

要素について

“col”要素は表の列を表す要素です。

“col”要素は親要素となる“colgroup”要素で表される表の列のグループのうちの1列、もしくは複数の列を表します。

表の同じ列のセルにまとめて同じスタイルを適用する場合などに使用できます。

“colgroup”要素と“col”要素は配置された順に表の列に関連付けられます。書字方向が左から右の場合は左側から順に列が関連付けられます。

表の行は“tr”要素で表されます。

サンプルコード

<table>

<colgroup>

<col style=" background-color: rgb(218,193,171);">
<col style=" background-color: rgb(251,196,204);">
<col style=" background-color: rgb(251,196,204);">

</colgroup>
<thead>

<tr>

<th>名前</th>
<th>漢字</th>
<th>英語</th>
<th>分類</th>
<th>産地</th>
<th>果実の色</th>

</tr>

</thead>
<tbody>

<tr>

<td>りんご</td>
<td>林檎</td>
<td>apple</td>
<td>バラ科リンゴ属</td>
<td>あおもり</td>
<td>あか</td>

</tr>
<tr>

<td>いちご</td>
<td>苺</td>
<td>strawberry</td>
<td>バラ科オランダイチゴ属</td>
<td>とちぎ</td>
<td>あか</td>

</tr>
<tr>

<td>もも</td>
<td>桃</td>
<td>peach</td>
<td>バラ科モモ属</td>
<td>やまなし</td>
<td>もも</td>

</tr>

</tbody>
<tfoot>

<tr>

<th>名前</th>
<th>漢字</th>
<th>英語</th>
<th>分類</th>
<th>産地</th>
<th>果実の色</th>

</tr>

</tfoot>

</table>

名前	漢字	英語	分類	産地	果実の色
りんご	林檎	apple	バラ科リンゴ属	あおもり	あか
いちご	苺	strawberry	バラ科オランダイチゴ属	とちぎ	あか
もも	桃	peach	バラ科モモ属	やまなし	もも
名前	漢字	英語	分類	産地	果実の色

属性と値

過去に定義されていた属性

属性		値
属性	説明	値	説明
width=""	列の横幅	正の整数	横幅のピクセル数
		正の整数%	横幅の表示領域に対する割合
		0*	列の内容が収まる最小幅
		正の整数*	利用可能な横幅に対する相対比率
align=""	セルの内容の水平方向の表示位置	left	左揃え
		center	中央揃え
		right	右揃え
		justify	両端揃え
		char	“char”属性で指定した文字を揃える
char=""	揃え文字の指定	文字	揃え文字
charoff=""	セルの端から揃え文字までの距離	正の整数	セルの端から揃え文字までの距離のピクセル数
		正の整数%	セルの端から揃え文字までの距離の表示領域に対する割合
valign=""	セルの内容の垂直方向の表示位置	top	セルの上端に揃える
		middle	セルの中央に揃える
		bottom	セルの下端に揃える
		baseline	1行目をベースラインで揃える

仕様書

“col”要素はHTML2.0の後に発行された“HTML Tables (RFC 1942)”から定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。

定義されている仕様書

<col>

span=""

width=""
align=""
char=""
charoff=""
valign=""