1. Home
  2. HTMLタグ
  3. テーブルタグ
  4. 回り込みを解除する

回り込みを解除する


<br clear="">

ブラウザ
IE
Fx
Sf
Cr
O
分類
インライン要素
空要素
非推奨属性
要素
br要素

br要素clear="" を追加すると、回り込みを解除することができます。

この属性は、align属性left または right を指定している場合に使用します。



<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属性を使用すると回り込みを解除して改行されます。


テーブルタグ

ページの先頭へ


inserted by FC2 system