“width”属性｜“col”要素:表の列｜HTML－havin' a coffee break

＃

“width”属性について

“width”属性は表の列の横幅を指定します。

＃

代替方法

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

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

＃

指定できる値

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

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

＃

サンプルコード



<table>


<colgroup>

<col width="50">

<col width="50">

<col width="100">

<col width="200">

<col width="100">

<col width="100">


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

“col”要素~“width”属性

“width”属性について

代替方法

指定できる値

サンプルコード