Deskripsi
The Klip properti mendefinisikan daerah luar yang konten elemen benar-benar diposisikan ini tidak terlihat.
Nilai yang Mungkin
auto - Wilayah kliping setara dengan area konten elemen yang diposisikan.
shape- Deskriptor bentuk. Pada CSS2, hanya ada satu bentuk yang valid: persegi (kanan atas kiri bawah).
Berlaku untuk
elemen tingkat blok dan diganti.
Sintaks DOM
object.style.clip = rect(top right bottom left);
Contoh
Berikut adalah contoh yang menunjukkan efek properti ini -
<html>
<head>
<style type = "text/css">
div {
background: url(/https/isolution.pro/images/css.gif);
clip:rect(10px, 155px, 145px, 10px);
border:2px solid black;
height:100px;
width:150px;
position:absolute;
top:inherit;
left:0px;
}
</style>
</head>
<body>
<div>Example of clipping one image using css clip property</div>
</body>
</html>
Ini akan menghasilkan hasil sebagai berikut -