Sifat clear CSS

Definisi dan penggunaan

Atribut clear menentukan sisi mana elemen tidak mengizinkan elemen mengambang.

Keterangan

Atribut clear menentukan sisi mana elemen tidak mengizinkan elemen mengambang. Dalam CSS1 dan CSS2, ini dicapai dengan menambahkan marjin luar atas otomatis ke elemen yang dihapus (yaitu elemen yang diatur dengan atribut clear). Dalam CSS2.1, ruang penghapus ditambahkan di atas marjin luar elemen, tetapi marjin luar sendiri tidak berubah. Apapun perubahan yang terjadi, akhirnya hasilnya sama. Jika diumumkan untuk menghapus sisi kiri atau kanan, garis atas batas luar elemen akan berada di bawah batas marjin luar elemen mengambang di sisi itu.

Lihat juga:

Panduan CSS:Pengaturan Lokasi CSS

Panduan Referensi DOM HTML:Atribut clear

Contoh

Tidak diizinkan elemen mengambang di kiri dan kanan gambar:

img
  {
  float:left;
  clear:both;
  }

Coba sendiri

Syarat CSS

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

Nilai atribut

Nilai Deskripsi
kiri Tidak diizinkan elemen mengambang di sisi kiri.
kanan Tidak diizinkan elemen mengambang di sisi kanan.
kedua Tidak diizinkan elemen mengambang di kedua sisi.
tidak ada Nilai default. Memungkinkan elemen mengambang muncul di kedua sisi.
warisan Ditetapkan supaya nilai clear atribut diwarisi dari elemen induk.

Detil teknologi

Nilai default: tidak ada
Inheritsi: tidak
Versi: CSS1
Syarat JavaScript: object.style.clear="left"

Contoh TIY

Hapus sisi elemen
Contoh ini menunjukkan bagaimana cara menggunakan menghapus elemen yang mengambang di sisi elemen.

Dukungan browser

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

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