CSS clip Özelliği

CSS clip

Css clip özelliği ile bir div elemanının veya resim elemanının istenilen kısımlarının kırpılması sağlanabilir.

Örnek:

Bu örnekte eklenen bir resmin clip özelliğini uygulayarak resmin kırpılmasını sağlayacağız.

img { position: absolute; clip: rect(0px, 50px, 150px, 0px); }

CSS clip nedir nasıl kullanılır

Css ile kutu veya resimlerin istenilen kısımları kırpılabilir.

CSS clip	CSS clip özellikleri
Varsayılan Değer:	auto
Kalıtsallık:	yok
Animasyon Özelliği:	var
Versiyon:	CSS2
JavaScript clip:	object.style.clip="rect(0px,80px,80px,0px)"

CSS clip Tarayıcı Desteği

CSS Kodu:
clip	1.0	8.0	1.0	1.0	7.0

CSS clip Değerleri

clip:auto|shape|initial|inherit;

CSS clip özelliği değerleri

CSS clip değerleri	CSS clip değerleri tanımları	CSS örnek uygulamalar
auto	Kırpma işlemi gerçekleşmeyecek varsayılan değeridir.
shape	Kırpılacak elemanını: rect (üst, sağ, alt, sol) değerleri tanımlanarak uygulanır.
initial	Özelliğin varsayılan değeridir.
inherit	Soybağından gelen değeri kullanır.