|
| ■ clear属性 |
| br要素に clear属性を指定することで途中で回り込みを解除することができます。 |
値
- none (通常の改行)
- left (align="left" の回り込み解除。指定後のテキストは画像の下の行に表示される。)
- right (align="right" の回り込み解除。指定後のテキストは画像の下の行に表示される。)
- all (align属性値 left、rightに関係なく回り込み解除。指定後のテキストは画像の下の行に表示される。)
|
 ソース |
|
<img src="img/jw0002.jpeg" alt="" width="50" height="38" align="right">○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○<br clear="right">××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××
|
|
 表 示 |
 ○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○
××××××××××××××××××××××××××××××××××××××××××××××××××××××××××××
|
|
| ※親要素に、width="300" を指定し表示しています。 |
|
 clear属性 |
| clear属性は、CSS の clearプロパティで代替指定することが推奨されています。 |
|
| ■ 画像とテキスト align属性 値 上下位置 |
| align属性値に、top middle bottom texttop absmiddle absbottom baselineを指定する事で、テキストと画像の上下方向の揃え方を指定できます。また、指定しない場合の初期値は bottom に設定されています。 |
値
- top (テキストと画像を上揃え。)
- middle (テキストと画像を中央揃え。)
- bottom (テキストと画像を下揃え。)
- texttop (同じ行の一番高い位置にあるテキストに上揃え)
- absmiddle
(同じ行の一番高いテキストや画像の上端と、一番低いテキストや画像の下端の中央に画像の中央を合わせます。)
- absbottom
(同じ行の一番低いテキストや画像の下端に画像の下端を合わせます。)
- baseline (テキストをベースラインに揃えます。)
|
|
| ソース |
|
<img src="img/jw0002.jpeg" alt="" width="50" height="38" align="top">○○○○○○○○○○
|
|
| 表 示 |
|
○○○○○○○○○○
|
|
| align属性 上下方向位置 |
| これらの属性値は非推奨のため、CSS の vertical-align プロパティで代替指定することが推奨されています。 |
|
| ■ 画像周辺の余白 |
| hspace属性で、画像の左右の余白、vspace属性で画像の上下の余白を指定します。値はピクセルで指定しますが、単位の px は必要ありません。 |
| ソース |
|
<img src="img/jw0002.jpeg" alt="" width="50" height="38" hspace="10" vspace="10">
|
|
| 表 示 |
|
|
|
| hspace属性 vspace属性 |
| これらの属性は、非推奨属性なので、スタイルシートの marginプロパティで代替指定する事が推奨されています。 |
|
|
|
|
|
|
イメージ(画像)