colspan属性

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

ブラウザ対応

構文

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

列数

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

サンプルコード

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

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

サンプル

HTMLソースコード

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

実際の表示

結合見出しセル 結合見出しセル
見出しセル 見出しセル 見出しセル 見出しセル 見出しセル
セル セル セル セル セル
セル セル セル セル セル