画像の上下に余白を設ける：HTMLタグ辞典

画像（イメージ）タグ

リンクタグ

画像の上下に余白を設ける

<img vspace="">

画像に対して文字の回り込みなどを設定すると、画像に十分な余白がない場合、初期の状態では画像の文字が接近しすぎているように見えることがあります。この場合、画像に余白を挿入すると回避できます。

IMGタグに「vspace=""」という属性を追加し、ピクセルで余白を指定します。
同様に「hspace=""」を指定すると左右の余白も調整できます。

記述例

画像に上下20ピクセルの余白をつける<br>
<img src="../../logo.gif" vspace="20"><br>
次の行は画像から20ピクセル下に表示。

画像に上下20ピクセルの余白をつける

次の行は画像から20ピクセル下に表示。

☆ワンポイントアドバイス

スタイルシートでも設定が可能です。これ以外の画像に関するタグの指定方法や注意点は以下の関連情報を参考にしてください。

→関連情報

<<画像（イメージ）タグ一覧へ戻る

参考

タグをコピーするには？

操作方法

→マウスでフォーム内に書かれたタグをクリックするとタグがハイライトするので、マウスの右クリックでコピーするか、キーボードの[Ctrl]+[C]を押すと、コンピュータのメモリに記憶されます。後は任意の場所に貼り付けてください。

HTMLタグ辞典メニュー