画像周りの余白設定 【<img hspace="〜" vspace="〜">】
ブラウザで表示した時の見え方
撮影者：あい
花の中で私が一番すきなのは薔薇です。
あまりの美しさに言葉をなくしてしまうことがあります。
言葉の変わりにでるのは、感動のため息。。
ソースサンプル（HTML)
<img src="./img/rose.gif" alt="薔薇" align="left" hspace="10">
撮影者：あい
<p>
花の中で私が一番すきなのは薔薇です。
あまりの美しさに言葉をなくしてしまうことがあります。
言葉の変わりにでるのは、感動のため息。。
</p>
ソースサンプル（XHTML)
<img src="./img/rose.gif" alt="薔薇" align="left" hspace="10" />
撮影者：あい
<p>
花の中で私が一番すきなのは薔薇です。
あまりの美しさに言葉をなくしてしまうことがあります。
言葉の変わりにでるのは、感動のため息。。
</p>
[
黒※説明中のタグ
紫※省略可能なタグ
赤※変更可能
緑※文章など
]
解説
- テキストの回りこみを解除したい場合は、<br clear="">このタグを使ってください。 ""の中には、left,center,rightなど、解除したい値を記入します。
- これらは非推奨属性です。できるだけCSSで設定しましょう。
| オプション |
| hspace | ピクセル | 画像の横方向の余白を指定する | <img src="./rose.gif" hspace="5"> |
| vspace | ピクセル | 画像の縦方向の余白を指定する | <img src="./rose.gif" vspace="5"> |
| 属性名 | 値 | 機能 | 例 |
AICHAN WEB(Z)
>
HTML＆CSSサンプル集(S)
>
HTML
-
画像周りの余白設定