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

画像（イメージ）タグ

リンクタグ

画像の左右に余白を設ける

<img hspace="">

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

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

記述例

画像を左寄せにし、左右に20ピクセルの余白をつける<br><br>
<img src="../../logo.gif" align="left" hspace="20">
画像に対する文字の表示位置に注意。

画像を左寄せにし、左右に20ピクセルの余白をつける

画像に対する文字の表示位置に注意。

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

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

→関連情報

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

参考

タグをコピーするには？

操作方法

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

HTMLタグ辞典メニュー