tableタグに cellpadding="" を追加すると、セル内のパディング(内側の余白)を指定することができます。
<table cellpadding="3">
| cellpadding="" | セルのパディングをピクセル数で指定します |
|---|
![]()
この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。
■cellpaddingの数値を0に指定した場合
<table border="1" cellpadding="0">
<tr>
<td>WebデザインA社</td>
<td>WebデザインB社</td>
<td>WebデザインC社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| WebデザインA社 | WebデザインB社 | WebデザインC社 |
■cellpaddingの数値を5に指定した場合
<table border="1" cellpadding="5">
<tr>
<td>WebデザインA社</td>
<td>WebデザインB社</td>
<td>WebデザインC社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| WebデザインA社 | WebデザインB社 | WebデザインC社 |
■cellpaddingの数値を15に指定した場合
<table border="1" cellpadding="15">
<tr>
<td>WebデザインA社</td>
<td>WebデザインB社</td>
<td>WebデザインC社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| WebデザインA社 | WebデザインB社 | WebデザインC社 |