<table hspace="" vspace=""></table>
| ブラウザ |
|
|---|---|
| 分類 |
|
| 要素 |
table要素に hspace="" と vspace="" を追加すると、表の周囲に余白を入れることができます。
<table hspace="10" vspace="10"> ～ </table>
| 属性 | 値 | 説明 |
|---|---|---|
hspace="" |
ピクセル数 | 左右の余白を指定 |
vspace="" |
ピクセル数 | 上下の余白を指定 |
上記の属性は、HTML 4.01では定義されていません。
使用例
以下の使用例では、align属性と組み合わせて使用しています。
<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 サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
<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 サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
<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 サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。
サンプルのテキスト。