<table hspace="" vspace=""></table>

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

table要素hspace=""vspace="" を追加すると、表の周囲に余白を入れることができます。


<table hspace="10" vspace="10"></table>

属性 説明
hspace="" ピクセル数 左右の余白を指定
vspace="" ピクセル数 上下の余白を指定

上記の属性は、HTML 4.01では定義されていません。

使用例

以下の使用例では、align属性と組み合わせて使用しています。

左右に30ピクセルの余白を指定した例

<table border="3" align="left" hspace="30">
<tr>
<td>データ1-1</td>
<td>データ1-2</td>
</tr>
<tr>
<td>データ2-1</td>
<td>データ2-2</td>
</tr>
</table>

<p>
サンプルのテキスト。<br>
サンプルのテキスト。<br>
サンプルのテキスト。<br>
...
</p>

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

サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。

上下に30ピクセルの余白を指定した例

<table border="3" align="left" vspace="30">
<tr>
<td>データ1-1</td>
<td>データ1-2</td>
</tr>
<tr>
<td>データ2-1</td>
<td>データ2-2</td>
</tr>
</table>

<p>
サンプルのテキスト。<br>
サンプルのテキスト。<br>
サンプルのテキスト。<br>
...
</p>

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

サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。

上下左右に30ピクセルの余白を指定した例

<table border="3" align="left" hspace="30" vspace="30">
<tr>
<td>データ1-1</td>
<td>データ1-2</td>
</tr>
<tr>
<td>データ2-1</td>
<td>データ2-2</td>
</tr>
</table>

<p>
サンプルのテキスト。<br>
サンプルのテキスト。<br>
サンプルのテキスト。<br>
...
</p>

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

サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。