Haii teman teman kembali lagi pada artikel saya, pada artikel kali ini saya akan lebih banyak membahas mengenai tentang css sampai pada artikel-artikel selanjutnya sepertinya hehehhe. Oke apa yang akan kita bahas kali ini ? saya akan membahas fungsi dari property clear pada css, ada yang tau atau pernah menggunakan fungsi clear pada css ?
Jadi dalam menggunakan floating atau mengatur letak suatu objek misal gambar atau kolom kita biasa menggunakan float, ada yang float:right ataupun float:left, nah sebagai contoh kita bisa lihat gambar berikut :
Ketika kita melihat gambar berikut kita pasti tau gambar kucing tersebut telah di beri property float:left sehingga content yang ada di bawahya menjadi kesamping gambar tersebut. Nah bagaimana kalu kita tidak ingin list yang ada pada gambar tersebut tidak ke samping gambar tetapi tetap di bawah gambar ?
Kita bisa menggunakan fungsi clear pada bagian list tersebut untuk mematikan fungsi float yang terbawa tadi sehingga list tersebut tidak terpengaruh oleh fungsi float barusan. Cara penulisanya seperti ini :
Karena gambar kucing tadi kita beri float:left, maka list item tersebut kita beri property clear:left untuk mematikan fungsi float:left yang terbawa ke list itemnya. Jadi bentuknya akan seperti ini :
Nah list item tersebut tidak akan berada di samping gambar karena kita telah mematikan fungsi floatnya dengan menggunakan fungsi clear tadi. Mengerti ? hehehhe oke itulah fungsi property clear pada css. Semoga bermanfaat.
Terimakasih.