テーブルタグ
表のセル内の余白（マージン）を指定する
<table cellpadding="">
テーブルタグに「cellpadding=""」という属性を追加すると、表の各セル内の余白を調整することができます。表のセル内の余白とは以下の図の部分です。表の罫線と同様に、この属性を省略している場合でも、余白が挿入されており、さらに表や表内のセルに背景色は背景画像が指定されていない場合は、この余白は透明で挿入されています。
このセル内の余白を調節するためはピクセルによる絶対値で指定します。
記述例
・セル内の余白を3ピクセルで表示
<table border="1" cellpadding="3">
<tr>
<td>この領域をセルと呼ぶ</td>
</tr>
</table>
<br>
・セル内の余白を0にする
<table border="1" cellpadding="0">
<tr>
<td>この領域をセルと呼ぶ</td>
</tr>
</table>
・セル内の余白を3ピクセルで表示
・セル内の余白を0にする
<table border="1" cellpadding="3">
<tr>
<td>この領域をセルと呼ぶ</td>
</tr>
</table>
<br>
・セル内の余白を0にする
<table border="1" cellpadding="0">
<tr>
<td>この領域をセルと呼ぶ</td>
</tr>
</table>
・セル内の余白を3ピクセルで表示
| この領域をセルと呼ぶ |
・セル内の余白を0にする
| この領域をセルと呼ぶ |
※分かりやすくするために枠を表示しています。
☆ワンポイントアドバイス
表のセル内の余白はこの「cellpadding」の属性により一括でのみ指定できます。従って各セル毎には指定できません。
参考
- HTMLの基本（タグの書き方と要素）
- タグ打ち（メモ帳）だけでホームページを作るには
- HTMLやホームページや拡張子など、前もって必要な知識とは
- ホームページ制作ソフトの力を借りて作るには
- 標準モードと互換モードについて
タグをコピーするには？
操作方法
→マウスでフォーム内に書かれたタグをクリックするとタグがハイライトするので、マウスの右クリックでコピーするか、キーボードの[Ctrl]+[C]を押すと、コンピュータのメモリに記憶されます。後は任意の場所に貼り付けてください。
