clear
Properti clear terkait langsung dengan properti float dan digunakan pada suatu elemen untuk
menghapus float pada salah satu sisi elemen atau keduanya.
Properti clear merupakan saudara dari properti float. Properti ini menunjukkan sisi mana dari suatu elemen yang
mungkin tidak berdekatan dengan elemen float (mengambang) sebelumnya.
Dengan kata lain, properti clear menentukan apakah suatu elemen dapat diposisikan di sebelah elemen float yang
mendahuluinya, atau harus dipindahkan ke bawahnya.
Jika suatu elemen memiliki elemen melayang di sebelah sisi kanannya, kamu dapat menghapus elemen di sisi kanan itu dari efek melayang (float).
Jadi elemen tersebut akan dipindahkan ke bawah, sehingga elemen melayang tidak lagi disisi kanannya.
Properti clear berlaku untuk elemen yang tidak melayang maupun elemen yang melayang (float).
Kamu dapat menghapus efek “float” (mengapung) di kedua sisi, atau di sekitar elemen float.
CSS Syntax
clear: none | left | right | both | initial | inherit;
Javascript Syntax
object.style.clear="both"
default
clear: none;
Properti clear hanya relevan ketika digunakan dengan saudara kandung yang memiliki nilai float.
Elemen akan berada di samping elemen melayang yang mendahuluinya.
clear: left;
clear akan bergerak setelah elemen float kiri mendahuluinya, tetapi akan tetap di samping elemen float
kanan.clear: right;
clear akan bergerak setelah elemen float kanan mendahuluinya, tetapi akan tetap di samping elemen float
kiri.clear: both;
clear akan bergerak setelah elemen float yang mendahuluinya. Ini termasuk elemen float kiri dan float kanan.