“colgroup”要素~“span”属性

“span”属性について

“span”属性は“colgroup”要素がグループ化する表の列の数を指定します。

“span”属性を省略した場合の既定値は“1”です。

“span”属性を指定した“colgroup”要素は空要素となり、中に“col”要素を配置することはできません。

指定できる値

指定できる値は“1”から“1000”までの整数です。

サンプルコード

<table>

<colgroup style=" background-color: rgb(218,193,171);"></colgroup>
<colgroup style=" background-color: rgb(251,196,204);" span="2"></colgroup>
<thead>

<tr>

<th>名前</th>
<th>漢字</th>
<th>英語</th>
<th>分類</th>
<th>産地</th>
<th>果実の色</th>

</tr>

</thead>
<tbody>

<tr>

<td>りんご</td>
<td>林檎</td>
<td>apple</td>
<td>バラ科リンゴ属</td>
<td>あおもり</td>
<td>あか</td>

</tr>
<tr>

<td>いちご</td>
<td>苺</td>
<td>strawberry</td>
<td>バラ科オランダイチゴ属</td>
<td>とちぎ</td>
<td>あか</td>

</tr>
<tr>

<td>もも</td>
<td>桃</td>
<td>peach</td>
<td>バラ科モモ属</td>
<td>やまなし</td>
<td>もも</td>

</tr>

</tbody>
<tfoot>

<tr>

<th>名前</th>
<th>漢字</th>
<th>英語</th>
<th>分類</th>
<th>産地</th>
<th>果実の色</th>

</tr>

</tfoot>

</table>

名前	漢字	英語	分類	産地	果実の色
りんご	林檎	apple	バラ科リンゴ属	あおもり	あか
いちご	苺	strawberry	バラ科オランダイチゴ属	とちぎ	あか
もも	桃	peach	バラ科モモ属	やまなし	もも
名前	漢字	英語	分類	産地	果実の色