セルの間隔を指定する

[新着] Webテンプレートを仮オープンしました


<table cellspacing="">

ブラウザ
Internet Explorer Netscape Firefox Opera
タイプ
ブロック要素

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

セルの間隔を調節することで、表内の枠線を太く見せたり、細く見せたりすることができます。


<table cellspacing="3">


cellspacing="" セルの間隔をピクセル数で指定します

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

メモ

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


使用例

cellspacingの数値を0に指定した場合

<table border="1" cellspacing="0">
<tr>
<td>Web作成A社</td>
<td>Web作成B社</td>
<td>Web作成C社</td>
</tr>
</table>

これをブラウザで見ると次のように表示されます

Web作成A社 Web作成B社 Web作成C社

cellspacingの数値を5に指定した場合

<table border="1" cellspacing="5">
<tr>
<td>Web作成A社</td>
<td>Web作成B社</td>
<td>Web作成C社</td>
</tr>
</table>

これをブラウザで見ると次のように表示されます

Web作成A社 Web作成B社 Web作成C社

cellspacingの数値を15に指定した場合

<table border="1" cellspacing="15">
<tr>
<td>Web作成A社</td>
<td>Web作成B社</td>
<td>Web作成C社</td>
</tr>
</table>

これをブラウザで見ると次のように表示されます

Web作成A社 Web作成B社 Web作成C社


[特集] レンタルサーバー比較 & サーバー選びのチェックポイント

サイト内検索について - ベーシック版