TOPページ ＞画像に関するHTML (2)
画像に関するHTML (2)
画像とテキストの回り込みに関するＨＴＭＬです。
- テキストの回り込み
<img src="画像URL" align="回り込み位置"> ※回り込み位置：テキストが回り込む位置（画像に対するテキストの並び） - テキストの回り込み解除
<br clear="解除属性"> - 画像とテキストの間の余白設定
<img src="画像URL align="回り込み位置" vspace="上下余白" hspace="左右余白">
| 画像とテキストの左右の関係 | |
| left | 画像が左、テキストが右に表示 |
| right | 画像が右、テキストが左に表示 |
| 画像とテキストの上揃え・中央揃え・下揃え | |
| top | 画像・テキストが上揃え |
| middle [center] | 画像・テキストが中央揃え |
| bottom | 画像・テキストが下揃え |
| その他の位置揃え | |
| texttop | 行の中で最も背の高い位置のテキストと上揃え |
| absmiddle | 行の中で最も背の高い画像にたいして中央揃え |
| absbottom | テキストの下端にあわせる |
| baseline | テキストのベースラインにあわせる |
| 属性値 | 回り込み解除 | 次のテキストの位置 | 条件 |
| none | なし | 通常改行 | なし |
| left | あり | 画像の下端 | 「align="left"」使用時 |
| right | あり | 画像の下端 | 「align="right"」使用時 |
| all | あり | 画像の下端 | なし |