Properti clear CSS

Definisi dan penggunaan

Atribut clear menentukan sisi mana elemen yang tidak mengizinkan elemen mengambang.

Keterangan

Atribut clear menentukan sisi mana elemen yang tidak mengizinkan elemen mengambang. Pada CSS1 dan CSS2, ini dicapai dengan menambahkan margin atas eksternal otomatis untuk elemen yang dihapus (yaitu elemen yang diatur dengan atribut clear). Pada CSS2.1, akan ditambahkan ruang penghapus di atas margin atas elemen, tetapi margin itu sendiri tidak berubah. Meskipun berbagai perubahan, akhirnya hasilnya sama, jika dideklarasikan sebagai penghapus kiri atau kanan, garis atas batas ekor elemen akan berada di bawah batas margin bawah elemen mengambang di sisi yang sama.

Lihat pula:

Panduan CSS:Posisi CSS

Panduan referensi HTML DOM:Atribut clear

Contoh

Tidak mengizinkan elemen mengambang di sisi kiri dan kanan gambar:

img
  {
  float:left;
  clear:both;
  }

Coba sendiri

Syarat CSS

clear: none|left|right|both|initial|inherit;

Nilai atribut

Nilai Deskripsi
left Tidak mengizinkan elemen mengambang di sisi kiri.
right Tidak mengizinkan elemen mengambang di sisi kanan.
both Tidak mengizinkan elemen mengambang di kedua sisi.
none Nilai standar. Memungkinkan elemen mengambang muncul di kedua sisi.
inherit Ditetapkan supaya nilai atribut clear diwarisi dari elemen induk.

Detil teknis

Nilai standar: none
Inheritsi: no
Versi: CSS1
Syarat JavaScript: object.style.clear="left"

Contoh TIY

Membuang sisi elemen
Contoh ini menunjukkan bagaimana cara menggunakan membuang elemen yang mengambang di sisi elemen.

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini penuh.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0