Hallo teman-teman, Bertemu kembali dengan saya dan masih diwebsite ini. Semoga pada hari ini teman-teman masih diberikan kesehatan agar dapat kembali dan tetap semangat dalam mencari ilmu.
Oke pada kesempatan kali ini saya akan membahas tentang Cara Penggunaan Property Clip pada CSS.
Jadi pada dasarnya CSS itu mempunyai property clip dan tujuan atau fungsi dari property ini adalah untuk memotong sebuah objek berupa gambar.
Dan yang harus teman-teman ketahui dalam penggunaan property clip ini hanya dapat diterapkan pada element dengan property position dengan nilai absolute. Ya mungkin disitulah kelemahan dari property clip ini. Tapi jangan risau dengan property clip ini kita bisa bereksperimen.
Untuk lebih jelasnya mari kita mulai Cara Penggunaan Property Clip pada CSS, pertama-tama buat folder terlebih dahulu, lalu masukan gambar bebas kedalam folder yang tadi sudah kita buat dan disini saya menggunakan gambar ini :
kemudian buka text-editornya dan masukan script HTML dibawah ini :
<img src="kucing.jpg">
Script HTML diatas adalah element HTML untuk menampilkan gambar, teman-teman bisa sesuaikan dengan nama gambar yang teman-teman gunakan serta formatnya. Kemudian langkah selanjutnya ketik script CSS dibawah ini kedalam text-editornya dan disini kita menggunakan CSS internal :
img{
position:absolute;
clip:rect(0px,540px,280px,255px);
}
Jika sudah seperti diatas, penjelasan singkat tentang nilai pada property clip ini sama dengan margin dan padding atau biasanya seperti arah jarum jam dengan 4 value jadi atas,kanan,bawah,kiri.
Oke jika sudah langsung teman-teman simpan dengan nama index.html atau terserah teman-teman yang penting formatnya .html dan kemudian silahkan teman-teman run/jalankan dibrowser yang teman-teman gunakan maka hasilnya hanya akan terlihat seperti pada gambar dibawah ini :
Jadi seperti itulah Cara Penggunaan Property Clip pada CSS. Cukup mudah kan teman-teman, silahkan bereksperiment lagi ya.
Oke untuk pembahasan kali ini tentang Cara Penggunaan Property Clip pada CSS cukup sampai disini dulu, jika ada kekurangan harap dimakluminya dan semoga dapat bermanfaat bagi teman-teman, sampai bertemu di pembahasan selanjutnya.
Terimakasih