ブログでもだいたい使えるHTMLタグリファレンス

ホームページやブログなどのウェブサイトで表（テーブル）を表示して、余白に文字を回り込ませる際に、テーブルと文字の左右間隔や、上下間隔を指定することができます。Internet Explorerは対応していません。

テーブルと回り込んだ文字や画像との左右間隔を指定する

テーブルと回り込んだ文字や画像との上下間隔を指定する

回り込みの指定：下記のキーワードから選択します。

キーワード回り込み方法
left テーブルが左、文字や画像が右側に回り込み

right テーブルが右、文字や画像が左側に回り込み
左右間隔/上下間隔：単位をつけずに数字で指定します。値は、ピクセル値として扱われます。

キーワード	回り込み方法
left	テーブルが左、文字や画像が右側に回り込み
right	テーブルが右、文字や画像が左側に回り込み

サンプルです。

サンプルのテーブル

テーブルの余白に文字を回り込ませる際にテーブルと文字の左右間隔を指定することができます。画像を貼り付ければ、テーブルと画像の左右間隔を指定することになります。ただし、HSPACE も VSPACE も InternetExplorer は対応していないので、ブラウザによる見映えの違いを避けたい場合は、マージンなどで余白を設けたほうがよいでしょう。

サンプルのテーブル

テーブルの余白に文字を回り込ませる際にテーブルと文字の上下間隔を指定することができます。画像を貼り付ければ、テーブルと画像の上下間隔を指定することになります。ただし、HSPACE も VSPACE も InternetExplorer は対応していないので、ブラウザによる見映えの違いを避けたい場合は、マージンなどで余白を設けたほうがよいでしょう。

このサンプルのソースは、それぞれ次のようになります。

<table align="left" hspace="20" border="1" width="180" height="30">
<tr><td>サンプルのテーブル</td></tr>
</table>
テーブルの余白に文字を回り込ませる際にテーブルと文字の左右間隔を指定することができます。画像を貼り付ければ、テーブルと画像の左右間隔を指定することになります。ただし、HSPACE も VSPACE も InternetExplorer は対応していないので、ブラウザによる見映えの違いを避けたい場合は、マージンなどで余白を設けたほうがよいでしょう。

<table align="left" vspace="20" border="1" width="180" height="30">
<tr><td>サンプルのテーブル</td></tr>
</table>
テーブルの余白に文字を回り込ませる際にテーブルと文字の上下間隔を指定することができます。画像を貼り付ければ、テーブルと画像の上下間隔を指定することになります。ただし、HSPACE も VSPACE も InternetExplorer は対応していないので、ブラウザによる見映えの違いを避けたい場合は、マージンなどで余白を設けたほうがよいでしょう。

HSPACE も VSPACE も InternetExplorer は対応していないので、ブラウザによる見映えの違いを避けたい場合は、マージンなどで余白を設けたほうがよいでしょう。

左右間隔は、『hspace="20"』の代わりに『style="margin:0 20px;"』
上下間隔は、『hspace="20"』の代わりに『style="margin:20px 0;"』

と記述すると、ほぼ同様の効果が得られます。

ランキングに参加中です! お役に立てたらクリックをお願いします→

ブログでもだいたい使えるHTMLタグ リファレンス

表と文字/画像との間隔を指定する