<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
cellspacingに0を指定した例

<table border="1" cellspacing="0">
<tr>
<td>データ1</td>
<td>データ2</td>
<td>データ3</td>
</tr>
</table>
表示例
データ1 データ2 データ3
cellspacingに5を指定した例

<table border="1" cellspacing="5">
<tr>
<td>データ1</td>
<td>データ2</td>
<td>データ3</td>
</tr>
</table>
表示例
データ1 データ2 データ3
cellspacingに15を指定した例

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