imgタグに vspace="" や hspace="" を追加すると、画像の周囲にマージンを入れることができます。
<img src="sample.jpg" vspace="5" hspace="5">
| vspace="" | 上下のマージンをピクセル数で指定します |
|---|---|
| hspace="" | 左右のマージンをピクセル数で指定します |
※この属性は、HTML4.01では非推奨とされています。
この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。
以下の使用例では、align属性 と組み合わせて使用しています。
■上下に30ピクセルの余白を指定した場合
<img src="image/sample.jpg" alt="サンプル" align="left" vspace="30">
まずは<br>上下の<br>マージンからです。 ...
▼これをブラウザで見ると次のように表示されます
まずは■左右に30ピクセルの余白を指定した場合
<img src="image/sample.jpg" alt="サンプル" align="left" hspace="30">
続いて<br>左右の<br>マージンです。 ...
▼これをブラウザで見ると次のように表示されます
続いて■上下左右に30ピクセルの余白を指定した場合
<img src="image/sample.jpg" alt="サンプル" align="left" vspace="30" hspace="30">
最後に<br>上下左右の<br>マージンです。 ...
▼これをブラウザで見ると次のように表示されます
最後に
