<IMG vspace="" hspace="">画像と回り込ませたテキストの間隔

<IMG>align属性で、画像の横にテキストを回り込ませた場合の、画像とテキストとの間隔はvspace属性とhspace属性で設定できます。

vspace属性では画像の上下に、hspace属性では画像の左右に指定したピクセル数の余白ができます。

HTML4.01ではvspace属性、hspace属性はともに非推奨とされています。 またHTML5では廃止されていますので、画像とテキストとの間隔を空けたい場合は、可能であればスタイルシートのマージン(margin)などを使うようにして下さい。

使用した時の例

<img src="sample.jpg" alt="" align="left" vspace="15" hspace="25">
画像の上下に15、左右に25の余白ができます。ただし非推奨となっていますので、できるだけ
スタイルシートを使うようにしましょう。スタイルシートを使う場合は
style="margin:数値;"などで余白を空けることができます。

ブラウザ上の表示例

画像の上下に15、左右に25の余白ができます。ただし非推奨となっていますので、できるだけスタイルシートを使うようにしましょう。 スタイルシートを使う場合はstyle="margin:数値;"などで余白を空けることができます。

書式

  • <img src="画像url" alt="代替テキスト" vspace="縦の間隔" hspace="横の間隔"> ・・・・・・ 画像とテキストの間隔

縦横の間隔はピクセル数で指定

属性

vspace="" 画像の上下の間隔をピクセル数で指定
hspace="" 画像の左右の間隔をピクセル数で指定

対応ブラウザなどのデータ

形式 <img src="" alt="" vspace="" hspace=""> 分類 インライン要素
開始タグ 必須 終了タグ なし
対応ブラウザ Internet Explorer2~ , Google Chrome1~ , Firefox1~ , Opera1~ , Safari1~

HTML5での状況と関連情報

HTML5では、vspace属性とhspace属性は廃止。代わりにスタイルシートのmarginプロパティを使用して下さい。