span属性

col要素のspan属性は、col要素が表す列の数を指定する属性。

ブラウザ対応

構文

<col span="列数">

列数

１以上の整数で指定する。

サンプルコード

１列目と２列目をグループ化、３列目と４列目と５列目をグループ化。

<table>
	<colgroup>
		<col span="2">
	</colgroup>
	<colgroup>
		<col span="3">
	</colgroup>
	<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>

サンプル

HTMLソースコード

<table border="1">
	<colgroup style="background-color: lime">
		<col span="2">
	</colgroup>
	<colgroup>
		<col span="3" style="background-color: aqua">
	</colgroup>
	<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>

実際の表示

データセル データセル データセル データセル データセル
データセル データセル データセル データセル データセル