Properti style.clear digunakan untuk menetapkan sisi-sisi mana saja dari suatu elemen diperbolehkan terdapat suatu elemen yang di float.
Sintaks:
obj.style.clear = value;
Nilainya:
none
Diperbolehkan di salah satu sisi atau kedua sisi suatu elemen terdapat elemen yang di floating.left
Tidak diperbolehkan di sisi kiri suatu elemen terdapat elemen yang di floating.right
Tidak diperbolehkan di sisi kanan suatu elemen terdapat elemen yang di floating.both
Tidak diperbolehkan baik di sisi kiri dan di sisi kanan suatu elemen terdapat elemen yang di floating.inherit
Contoh:
<HTML>
<HEAD>
<TITLE>style.clear</TITLE>
<STYLE TYPE="text/css">
.float-left
{
float: left;
margin: 15px;
width: 100px;
height: 100px;
}
</STYLE>
</HEAD>
<BODY>
<IMG CLASS="float-left" SRC="picture.gif">
<P ID="myp">Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...</P>
<BUTTON TYPE="button" ONCLICK="document.getElementById('myp').style.clear = 'left';">Clear!</BUTTON>
<BUTTON TYPE="button" ONCLICK="document.getElementById('myp').style.clear = 'none';">None!</BUTTON>
</BODY>
</HTML>
