<table cellspacing=""></table>

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
分類
要素

table要素cellspacing="" を追加すると、セル同士の間隔を指定することができます。

セルの間隔を変更することで、内罫線を太く見せたり、細く見せたりすることができます。


<table cellspacing="3"></table>

属性 説明
cellspacing="" ピクセル数またはパーセント 間隔の大きさを指定
  • この属性を指定しない場合は、一般的なブラウザでは 2 ピクセルの間隔が空きます。

内罫線を表示させるには、table要素border属性を指定しておく必要があります。

使用例

cellspacingを指定しない場合の例

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

表示例
データ1 データ2 データ3
cellspacing0を指定した例

<table border="1" cellspacing="0">
<tr>
<td>データ1</td>
<td>データ2</td>
<td>データ3</td>
</tr>
</table>

表示例
データ1 データ2 データ3
cellspacing5を指定した例

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

表示例
データ1 データ2 データ3
cellspacing15を指定した例

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

表示例
データ1 データ2 データ3