Style 對象
定義和用法
clear 屬性設定或傳回元素相對浮動對象的位置。
文法
設定 clear 屬性：
Object.style.clear="none|left|right|both|inherit"
傳回 clear 屬性：
Object.style.clear
| 值 | 描述 |
|---|---|
| none | 預設。允許浮動對象出現在元素兩側。 |
| left | 不允許浮動對象出現在元素的左側。 |
| right | 不允許浮動對象出現在元素的右側。 |
| both | 不允許浮動對象出現在元素的左側或右側。 |
| inherit | clear 屬性的值應該從父元素繼承。 |
浏覽器支援
所有主要浏覽器都支援 clear 屬性。
注意：IE7 及更早的版本不支援 "inherit" 值。IE8 隻有規定了 !DOCTYPE 才支援 "inherit"。IE9 支援 "inherit"。
執行個體
不允許浮動對象出現在文本的左側：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
<style type="text/css">
img {
float:left;
}
</style>
<script>
function displayResult(){
document.getElementById("p1").style.clear="left";
</script>
</head>
<body>
<img loading="lazy" src="w3javascript.gif" width="100" height="132">
<p id="p1">這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。這是一些文本。</p>
<input type="button" onclick="displayResult()" value="文本向左浮動">
</body>
</html>
Style 對象