[新着] Webテンプレートを仮オープンしました
tdタグに width="" や height="" を追加すると、セルのサイズを指定することができます。
<td width="200" height="100">
| width="" | 横のサイズをピクセル数かパーセントで指定します |
|---|---|
| height="" | 縦のサイズをピクセル数かパーセントで指定します |
サイズの指定がない場合は、セルの内容に応じて自動的に調整されます。
※thタグにもこの指定が行えます。
※この属性は、HTML4.01では非推奨とされています。
この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。
■width（横のサイズ）をピクセル数で指定する場合
<table border="1">
<tr>
<td width="150">150ピクセル</td>
<td width="200">200ピクセル</td>
<td width="250">250ピクセル</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| 150ピクセル | 200ピクセル | 250ピクセル |
■width（横のサイズ）とheight（縦のサイズ）をピクセル数で指定する場合
<table border="1">
<tr>
<td width="150" height="100">150×100</td>
<td width="200">200×100</td>
<td width="250">250×100</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| 150×100 | 200×100 | 250×100 |
■width（横のサイズ）とheight（縦のサイズ）をパーセントで指定する場合
<table border="1" width="100%" height="200">
<tr>
<td width="30%" height="30%">30%×30%</td>
<td width="70%">70%×30%</td>
</tr>
<tr>
<td height="70%">30%×70%</td>
<td>70%×70%</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| 30%×30% | 70%×30% |
| 30%×70% | 70%×70% |
