このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

td”要素~“colspan”属性

記事Jun. 3rd,2015
July 22nd,2020
セルが範囲とする列の数を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

colspan”属性について

colspan”属性はtd”要素が範囲とする表の列の数を指定します。値に“2”以上の数字を指定するとセルは複数の列に跨ります。

colspan”属性を省略した場合の既定値は“1”です。

指定できる値

属性値 説明
正の整数 セルが範囲とする列の数

指定できる値は“1”から“1000”までの整数です。

サンプルコード

<table>
<thead style=" background-color: rgb(218,193,171);">
<tr>
<th colspan="2">順位</th>
<th rowspan="2">名前</th>
<th rowspan="2">高さ</th>
</tr>
<tr>
<th>全国</th>
<th>都道府県</th>
</tr>
</thead>
<tbody style=" background-color: rgb(221,231,197);">
<tr>
<td colspan="2">1</td>
<td>東京スカイツリー</td>
<td>634.0m</td>
</tr>
<tr>
<td>2</td>
<td>1</td>
<td>対馬オメガ局</td>
<td>454.8m</td>
</tr>
<tr>
<td rowspan="3">3</td>
<td rowspan="2">2</td>
<td>硫黄島ロランC主局(2代)</td>
<td rowspan="2">411.5m</td>
</tr>
<tr>
<td>南鳥島ロランC局(初代)</td>
</tr>
<tr>
<td>5</td>
<td>4</td>
<td>東京タワー</td>
<td>332.6m</td>
</tr>
</tbody>
</table>
順位 名前 高さ
全国 都道府県
1 東京スカイツリー 634.0m
2 1 対馬オメガ局 454.8m
3 2 硫黄島ロランC主局(2代) 411.5m
南鳥島ロランC局(初代)
5 4 東京タワー 332.6m
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク