HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


HTMLタグボードトップ >> 今すぐ使える!便利ツール >> HTMLタグ辞典 >> テーブルタグ >> 表のセル内の余白(マージン)を指定する

テーブルタグ

表のセル内の余白(マージン)を指定する

<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にする
この領域をセルと呼ぶ

※分かりやすくするために枠を表示しています。

☆ワンポイントアドバイス

表のセル内の余白はこの「cellpadding」の属性により一括でのみ指定できます。従って各セル毎には指定できません。

参考

タグをコピーするには?

操作方法

→マウスでフォーム内に書かれたタグをクリックするとタグがハイライトするので、マウスの右クリックでコピーするか、キーボードの[Ctrl]+[C]を押すと、コンピュータのメモリに記憶されます。後は任意の場所に貼り付けてください。