[新着] Webテンプレートを仮オープンしました
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社 |