CSS3 perbatasan, latar belakang dan kotak


Pengenalan
Pada artikel ini, kami akan menampilkan beberapa contoh dibuat dengan menggunakan properti baru di CSS3 W3C Backgrounds dan spesifikasi Borders . Sebaiknya gunakan Opera 11 atau yang lebih baru untuk melihat contoh-contoh dalam kemuliaan penuh.
•    background-clip
•    background-origin
•    Beberapa latar belakang gambar
•    background-attachment
•    diperbarui background singkat
•    box-shadow
•    box-decoration-break
•    border-radius
•    border-image
background-clip
Properti CSS3 pertama yang kita akan memperkenalkan adalah background-clip . Properti ini digunakan untuk menentukan apakah gambar latar belakang meluas ke perbatasan atau tidak.
Ada dua pilihan, default border-box dan padding-box . Ketika border-box yang digunakan, gambar latar belakang akan memperpanjang ke perbatasan dan karena itu akan muncul di belakang perbatasan, seperti pada Gambar 1. Pilihan lainnya adalah padding-box yang berarti gambar latar belakang tidak akan meregang untuk perbatasan. Gambar hanya akan muncul sampai tepi padding, seperti yang ditunjukkan pada Gambar 2.

untuk lebih jelasnya anda bisa download file di sini