HTML5入門

構文

<colgroup span="列数"></colgroup>

要点

• colgroup要素のspan属性は、グループ化する列（カラム）の数を指定する属性である。
• colgroup要素内に、col要素がなければ、colgroup要素にspan属性を指定できる。

サンプルコード

colgroup要素のspan属性を使い、１列目と２列目をグループ化、３列目と４列目と５列目をグループ化。

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

サンプル

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