CSS3 background clip `

bagimanakah cara menempatkan suatu background warna pada element div anda , apa itu background clip ..?

sebetulnya background-clip adalah sebuah property CSS3 yang berfungsi mengontrol / menempatkan sebuah background warna element div anda . rupanya sudah banyak membentu sekali dengan CSS3 ini .
oya .. artikel mastony sebelumnya yaitu tentang background origin . silahkan baca disini CSS background gambar original jika sudah kita lanjutin .
adapun beberapa value untuk property background-clip ini dan property lainnya untuk menempatkan sebuah background warna element div anda .

valueketerangan
padding-boxbackground menempati sisi bagian padding / jarak isi dengan pembatas
content-boxsebuah background menempati pada content /isi element
border-boxbackground menempati sisi bagian border / pembatas

Tip : div {backckground-color : pilihan warna anda silahkan sesuaikan atau lihat hex color
background-clip : content-box | padding-box | border-box
-webkit-background-clip :property alternative untuk browser Safari ;}
contoh background-clip dengan value content-box


tulisan dengan background clip property dan value content box tulisan dengan background clip property dan value content box tulisan dengan background clip property dan value content box tulisan dengan background clip property dan value content box

dan sebagaimana hasil di atas sebagai berikut :

<style>.backg1{width:300px;height:300px;border:2px solid black;padding:20px;background-color:darkGreen;background-clip:content-box;-webkit-background-clip:content-box;}</style>
<div class="backg1">tulisan dengan background clip property dan value content box tulisan dengan background clip property dan value content box tulisan dengan background clip property dan value content box tulisan dengan background clip property dan value content box</div>

sekian mengenai background clip untuk anda ingin menimak tentang background pake gambar silahkan baca disini background gambar resize atau jika ingin merubah warna background blognya bisa baca disini Cara merubah warna background blog kalau sidebar dan footer silahkan baca disini merubah warna background sidebar dan footer
semoga artikelnya berguna dan selamat mencoba ,,

Terima kasih Anda telah membaca Artikel mengenai CSS3 background clip dan Kata kunci untuk Artikel ini yaitu CSS3 background clip

Tidak ada komentar:

Posting Komentar

Silahkan Anda Komentarkan Tentang Post ini yang baik dan sopan,
Jangan sampai komentar anda dianggap spam . . .