Properti style.cssFloat menetapkan apakah suatu elemen perlu float ke kiri, ke kanan, atau tidak keduanya.
Sintaks:
obj.style.cssFloat = value;
Nilainya:
none(default)left
Elemen difloat ke kiri, dan untuk elemen-elemen setelahnya akan tertarik otomatis ke sisi kanan dari elemen yang difloat ini, kecuali elemen yang tertarik itu menerapkanclear: leftatauclear: both.right
Elemen difloat ke kanan, dan untuk elemen-elemen setelahnya akan tertarik otomatis ke sisi kiri dari elemen yang difloat ini, kecuali elemen yang tertarik itu menerapkanclear: rightatauclear: both.inherit
Contoh:
<HTML>
<HEAD>
<TITLE>style.cssFloat</TITLE>
</HEAD>
<BODY>
<IMG ID="myimg" SRC="picture.gif" WIDTH="200" HEIGHT="200">
<P>Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...</P>
<P>Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...</P>
<P>Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...Lorem ipsum...</P>
<BUTTON TYPE="button" ONCLICK="document.getElementById('myimg').style.cssFloat = 'left';">Float ke kiri!</BUTTON>
<BUTTON TYPE="button" ONCLICK="document.getElementById('myimg').style.cssFloat = 'right';">Float ke kanan!</BUTTON>
</BODY>
</HTML>
