clear
設定物件是否允許在其左側、右側或兩側使用浮動物件，使隨後的文字顯示在浮動物件下方。
語法
{ clear: sClear }
可能的值
sClear
指定或接收下列其中一個值的字串：
none |
預設值。允許在兩側使用浮動物件。 |
both |
將物件移至任何浮動物件的下方。 |
left |
將物件移至位於左側之任何浮動物件的下方。 |
right |
將物件移至位於右側之任何浮動物件的下方。 |
此屬性的預設值為 none。這不是繼承屬性。
備註
此屬性的值列出不接受浮動物件的側邊。
範例
下列範例使用 clear 屬性來指定與浮動物件相對的文字位置。此範例會呼叫內嵌 (全域) 樣式表，以在遇到斜體文字時將文字移至浮動物件下方。
<style>
i { clear: left; }
</style>
此範例以段落左側的浮動物件為基準變更段落的相對位置：
<head><script>
function fnClear(){
oClear.style.clear="left";
}
function fnClear2(){
oClear.style.clear="none";
}
</script>
</head>
<body>
<img src="/workshop/graphics/sphere.jpg" style="float:left">
<span id="oClear">
<p>This is an example of the clear property.<p>
</span>
<p>
<input type=button value ="clear = left" onclick="fnClear()">
<input type=button value ="clear = none" onclick="fnClear2()">
</p>
</body>
標準資訊
此屬性是在全球資訊網協會 (W3C) 文件物件模組 (DOM) 層級 1 (英文) 與階層式樣式表 (CSS) 層級 1 (CSS1) (英文) 中定義。
適用於
A、ADDRESS、APPLET、B、BIG、BLOCKQUOTE、BUTTON、CAPTION、CENTER、CITE、CODE、COL、COLGROUP、CUSTOM、DD、DEFAULTS、DFN、DIV、DL、DT、EM、EMBED、FIELDSET、FORM、HN、HR、I、IFRAME、IMG、INPUT TYPE=BUTTON、INPUT TYPE=CHECKBOX、INPUT TYPE=FILE、INPUT TYPE=IMAGE、INPUT TYPE=PASSWORD、INPUT TYPE=RADIO、INPUT TYPE=RESET、INPUT TYPE=SUBMIT、INPUT TYPE=TEXT、LI、OBJECT、OL、OPTION、P、S、SELECT、SPAN、SUB、TABLE、TBODY、TD、TFOOT、TH、THEAD、TR、TT、U、UL、VAR、XMP