Properti klip CSS
Contoh
Klip gambar:
img {
position: absolute;
clip: rect(0px,60px,200px,0px);
}
Definisi dan Penggunaan
Apa yang terjadi jika sebuah gambar lebih besar dari elemen yang mengandungnya?
Properti clip
ini memungkinkan Anda menentukan persegi panjang untuk memotong elemen yang benar-benar diposisikan. Persegi panjang ditentukan sebagai empat koordinat, semua dari sudut kiri atas elemen yang akan dipotong.
Catatan: Properti clip
tidak berfungsi jika "meluap: terlihat".
Catatan: Properti clip
tidak digunakan lagi dan akan digantikan oleh properti di masa mendatang.
clip-path
Nilai bawaan: | mobil |
---|---|
Diwarisi: | tidak |
Animasi: | Ya. Baca tentang animasi |
Versi: kapan: | CSS2 |
Sintaks JavaScript: | objek .style.clip="rect(0px,50px,50px,0px)" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
clip | 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
Sintaks CSS
clip: auto|shape|initial|inherit;
Nilai properti
Value | Description | Play it |
---|---|---|
auto | No clipping will be applied. This is default | |
shape | Clips an element. The only valid value is: rect (top, right, bottom, left) | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Halaman Terkait
Tutorial CSS: Pemosisian CSS
Referensi DOM HTML: properti klip