PR
構文
 
 document.要素.style.clear = "回り込みの値"  [DOM属性]
回り込みの値
 
  left | right | both | none
総合 インデックス
プロパティ
FirefoxIE

説明

  •  スタイルシートの回り込みに関する値に持つ。後から「clear」属性に値を設定することで,回り込みの方法を変更することも可能。設定できる値のうち「left」は左側の,「right」は右側の,「both」は要素に対し回り込みを解除し,「none」は回り込みの解除をやめる。
  •  スタイルシートでは,「clear」プロパティにあたる。
  •  用例では,ボタンをクリックした時,id名「IMG」を設定したP要素の回り込みの方法を変更している。

用例

ボタン・フォームをクリックした時「clear」属性に値を設定することにより,id名「IMG」を設定したp要素の回り込み方法が変わる。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>clear</title>
<script type="text/javascript">
<!--
function AlignLeft(VALUE){
    if(document.getElementById){
        document.getElementById("IMG").style.clear=VALUE
    }
}
//-->
</script>
<style type="text/css">
<!--
img { float: left;
      margin-right: 0.5em;
      margin-bottom: 0.5em;
}
-->
</style>
</head>
<body>
*要素の回り込み
<hr>
<form>
    <input type="button" value=" left " onClick="AlignLeft('left')">
    <input type="button" value="  both " onClick="AlignLeft('both')">
    <input type="button" value="  none " onClick="AlignLeft('none')">
</form>
<hr>
<div id="STY" style="width:600px">
<p>ABCDEFGHIJKLMNOPQRSTUVWXYZ. ABCDEFGHIJKLMNOPQRSTUVWXYZ. 
ABCDEFGHIJKLMNOPQRSTUVWXYZ. ABCDEFGHIJKLMNOPQRSTUVWXYZ.</p>
 <img src="image.jpg" width="100" height="100" alt="clear"><p
 id="IMG">ABCDEFGHIJKLMNOPQRSTUVWXYZ. ABCDEFGHIJKLMNOPQRSTUVWXYZ.
 ABCDEFGHIJKLMNOPQRSTUVWXYZ. ABCDEFGHIJKLMNOPQRSTUVWXYZ.
 ABCDEFGHIJKLMNOPQRSTUVWXYZ. ABCDEFGHIJKLMNOPQRSTUVWXYZ.
 ABCDEFGHIJKLMNOPQRSTUVWXYZ.ABCDEFGHIJKLMNOPQRSTUVWXYZ.
 ABCDEFGHIJKLMNOPQRSTUVWXYZ. ABCDEFGHIJKLMNOPQRSTUVWXYZ.
 ABCDEFGHIJKLMNOPQRSTUVWXYZ. ABCDEFGHIJKLMNOPQRSTUVWXYZ.
 </p><p>ABCDEFGHIJKLMNOPQRSTUVWXYZ.ABCDEFGHIJKLMNOPQRSTUVWXYZ.
 ABCDEFGHIJKLMNOPQRSTUVWXYZ. ABCDEFGHIJKLMNOPQRSTUVWXYZ.
 ABCDEFGHIJKLMNOPQRSTUVWXYZ. ABCDEFGHIJKLMNOPQRSTUVWXYZ.
 ABCDEFGHIJKLMNOPQRSTUVWXYZ. ABCDEFGHIJKLMNOPQRSTUVWXYZ.</p>
</div>
<hr>
</body></html>

この用例を実行する