span属性

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

ブラウザ対応

構文

<col span="列数">

列数

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

サンプルコード

1列目と2列目をグループ化、3列目と4列目と5列目をグループ化。

<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>

実際の表示

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