[新着] Webテンプレートを仮オープンしました
tableタグに vspace="" や hspace="" を追加すると、表の周囲にマージンを入れることができます。
<table vspace="5" hspace="5">
| vspace="" | 上下のマージンをピクセル数で指定します |
|---|---|
| hspace="" | 左右のマージンをピクセル数で指定します |
この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。
※tableタグに対するこの属性は、IEとOperaでは対応していません。両ブラウザにも対応させたい場合は、スタイルシートで指定しましょう。
※以下の使用例では、align属性 と組み合わせて使用しています。
■上下に20ピクセルの余白を指定した場合
<table border="1" align="left" vspace="20">
<tr>
<td>HP作成A社</td>
<td>HP作成B社</td>
<td>HP作成C社</td>
</tr>
<tr>
<td>HP作成D社</td>
<td>HP作成E社</td>
<td>HP作成F社</td>
</tr>
</table>
上下の<br>マージンです。<br>このサンプルでは ...
▼これをブラウザで見ると次のように表示されます
| HP作成A社 | HP作成B社 | HP作成C社 |
| HP作成D社 | HP作成E社 | HP作成F社 |
■左右に20ピクセルの余白を指定した場合
<table border="1" align="left" hspace="20">
<tr>
<td>HP作成A社</td>
<td>HP作成B社</td>
<td>HP作成C社</td>
</tr>
<tr>
<td>HP作成D社</td>
<td>HP作成E社</td>
<td>HP作成F社</td>
</tr>
</table>
左右の<br>マージンです。<br>このサンプルでは ...
▼これをブラウザで見ると次のように表示されます
| HP作成A社 | HP作成B社 | HP作成C社 |
| HP作成D社 | HP作成E社 | HP作成F社 |
■上下左右に20ピクセルの余白を指定した場合
<table border="1" align="left" vspace="20" hspace="20">
<tr>
<td>HP作成A社</td>
<td>HP作成B社</td>
<td>HP作成C社</td>
</tr>
<tr>
<td>HP作成D社</td>
<td>HP作成E社</td>
<td>HP作成F社</td>
</tr>
</table>
上下左右の<br>マージンです。<br>このサンプルでは ...
▼これをブラウザで見ると次のように表示されます
| HP作成A社 | HP作成B社 | HP作成C社 |
| HP作成D社 | HP作成E社 | HP作成F社 |
