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

colgroup”要素~“width”属性注意

記事July 16th,2020
表の列の横幅を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。
この属性は現行の仕様では廃止されています。
この属性は現行の仕様では廃止されています。

width”属性について

width”属性はcolgroup”要素でグループ化された表の列の横幅を指定します。

指定された横幅はcolgroup”要素全体の横幅ではなく、グループ化された行の一つ一つの行の横幅になります。

代替方法

HTML5でこの属性は廃止されているので使用するべきではありません。

スタイルシートのwidth”プロパティで指定します。

指定できる値

属性値 説明
正の整数 横幅のピクセル数
正の整数% 横幅の表示領域に対する割合
0* 列の内容が収まる最小幅
正の整数* 利用可能な横幅に対する相対比率

横幅を相対比率で指定した場合、表全体の横幅のうち、先に横幅をピクセル数やパーセント値で指定された要素に横幅を割り当てた後、残りの横幅を相対比率に従って割り当てます。

サンプルコード

<table>
<colgroup width="50"></colgroup>
<colgroup width="100" 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>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク