<br clear="">
<br clear="left">
属性 | 値 | 説明 |
---|---|---|
clear="" | left | 左フロートに対する回り込みを解除 |
right | 右フロートに対する回り込みを解除 | |
all | どちらの回り込みも解除 | |
none | 回り込みを解除しない (初期値) |
上記の属性は、HTML 4.01では非推奨とされています。(Strict DTDでは使用できません)
このclear属性で回り込みの解除を行うと、それ以降のテキストは表の下に続くことになります。
この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。
使用例
■左フロートに対する回り込みを解除した例
<div>
<table border="3" align="left">
<tr>
<td>データセル1-1</td>
<td>データセル1-2</td>
<td>データセル1-3</td>
</tr>
<tr>
<td>データセル2-1</td>
<td>データセル2-2</td>
<td>データセル2-3</td>
</tr>
<tr>
<td>データセル3-1</td>
<td>データセル3-2</td>
<td>データセル3-3</td>
</tr>
</table>
<p>
br要素で改行を入れると
<br>
回り込んだままで改行されますが、
<br clear="left">
clear属性を使用すると回り込みを解除して改行されます。
</p>
</div>
表示例
データセル1-1 | データセル1-2 | データセル1-3 |
データセル2-1 | データセル2-2 | データセル2-3 |
データセル3-1 | データセル3-2 | データセル3-3 |
br要素で改行を入れると
回り込んだままで改行されますが、
clear属性を使用すると回り込みを解除して改行されます。
■右フロートに対する回り込みを解除した例
<div>
<table border="3" align="right">
<tr>
<td>データセル1-1</td>
<td>データセル1-2</td>
<td>データセル1-3</td>
</tr>
<tr>
<td>データセル2-1</td>
<td>データセル2-2</td>
<td>データセル2-3</td>
</tr>
<tr>
<td>データセル3-1</td>
<td>データセル3-2</td>
<td>データセル3-3</td>
</tr>
</table>
<p>
br要素で改行を入れると
<br>
回り込んだままで改行されますが、
<br clear="right">
clear属性を使用すると回り込みを解除して改行されます。
</p>
</div>
表示例
データセル1-1 | データセル1-2 | データセル1-3 |
データセル2-1 | データセル2-2 | データセル2-3 |
データセル3-1 | データセル3-2 | データセル3-3 |
br要素で改行を入れると
回り込んだままで改行されますが、
clear属性を使用すると回り込みを解除して改行されます。
- サイト内検索