clear | Codingku

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;

Elemen clear akan bergerak setelah elemen float kiri mendahuluinya, tetapi akan tetap di samping elemen float kanan.

clear: right;

Elemen clear akan bergerak setelah elemen float kanan mendahuluinya, tetapi akan tetap di samping elemen float kiri.

clear: both;

Elemen clear akan bergerak setelah elemen float yang mendahuluinya. Ini termasuk elemen float kiri dan float kanan.