このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

colgroup要素~span属性

記事Jun. 3rd,2015
July 16th, 2020
グループ化する列の数を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

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 バラ科モモ属 やまなし もも
名前 漢字 英語 分類 産地 果実の色
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク