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.

Yorumlar

Bu blogdaki popüler yayınlar

HTML progress Etiketi

CSS content Özelliği

HTML section Etiketi

CSS transition-delay Özelliği

CSS align-items özelliği

CSS text-justify Özelliği

CSS overflow Özelliği

CSS justify-content Özelliği

CSS border-collapse Özelliği

HTML5 Canvas Oyun Yapımı Dersleri