1. Home
  2. HTMLタグ
  3. テーブルタグ
  4. セル内の余白を指定する

セル内の余白を指定する


<table cellpadding=""></table>


table要素cellpadding="" を追加すると、セル内の余白(パディング)を指定することができます。



<table cellpadding="3"></table>


属性 説明
cellpadding="" ピクセル数またはパーセント 余白の大きさを指定

メモ

この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。


使用例

■cellpaddingを指定しない場合の例


<table border="1">
<tr>
<td>データセル1</td>
<td>データセル2</td>
<td>データセル3</td>
</tr>
</table>

表示例

データセル1 データセル2 データセル3

■cellpaddingに5を指定した例


<table border="1" cellpadding="5">
<tr>
<td>データセル1</td>
<td>データセル2</td>
<td>データセル3</td>
</tr>
</table>

表示例

データセル1 データセル2 データセル3

■cellpaddingに15を指定した例


<table border="1" cellpadding="15">
<tr>
<td>データセル1</td>
<td>データセル2</td>
<td>データセル3</td>
</tr>
</table>

表示例

データセル1 データセル2 データセル3

テーブルタグ

ページの先頭へ