colspan属性

td要素のcolspan属性は、表（テーブル）における、水平方向のセルの結合数（セルがまたがる列数）を指定する属性。

ブラウザ対応

構文

<td colspan="列数"></td>

列数

colspan属性には、水平方向のセルの結合数（セルがまたがる列数）を指定する。

サンプルコード

td要素のcolspan属性を使い、１行目の１列目と２列目のセルを結合、３列目と４列目と５列目のセルを結合。

<table border="1">
	<tr>
		<td colspan="2">セル</td>
		<td colspan="3">セル</td>
	</tr>
	<tr>
		<td>セル</td>
		<td>セル</td>
		<td>セル</td>
		<td>セル</td>
		<td>セル</td>
	</tr>
</table>

サンプル

HTMLソースコード

<table border="1">
	<tr>
		<td colspan="2">結合セル</td>
		<td>セル</td>
		<td>セル</td>
		<td>セル</td>
	</tr>
	<tr>
		<td>セル</td>
		<td colspan="3">結合セル</td>
		<td>セル</td>
	</tr>
	<tr>
		<td>セル</td>
		<td>セル</td>
		<td>セル</td>
		<td colspan="2">結合セル</td>
	</tr>
</table>

実際の表示

結合セル セル セル セル
セル 結合セル セル
セル セル セル 結合セル