HTML&CSS Web制作リファレンス - ホームページの構築・運用 -

<< Home / ケータイ index / イメージタグ / 画像の周囲にマージンを入れる

Mobile Index

<IMG SRC="" VSPACE="" HSPACE=""> 画像の周囲にマージンを入れる

対応機種： IMG ALIGNタグで画像に文字を並べる場合、 VSPACE="" や HSPACE="" を追加すると画像と文字との間に余白を指定することができます。 <IMG SRC="sample.gif" ALIGN="left" VSPACE="5" HSPACE="5"> VSPACE="" 上下の余白をピクセル数で指定する HSPACE="" 左右の余白をピクセル数で指定する 【使用例】 <IMG SRC="bickri.gif" ALIGN="left" VSPACE="15"> 上下にスペースを入れるサンプルです。画像の上下に15ピクセルのスペースを入れてみました。こんな感じで表示されます。 サンプル画面 上下にスペースを入れるサンプルです。画像の上下に15ピクセルのスペースを入れてみました。こんな感じで表示されます。 【使用例】 <IMG SRC="bickri.gif" ALIGN="left" HSPACE="10"> 左右にスペースを入れるサンプルです。画像の左右に10ピクセルのスペースを入れてみました。こんな感じで表示されます。 サンプル画面 左右にスペースを入れるサンプルです。画像の左右に10ピクセルのスペースを入れてみました。こんな感じで表示されます。 使用例のサンプル画面は、携帯電話での表示を想定したおおまかなイメージです。実際とは多少異なる場合があります。

<< 前のページにもどる