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 details Etiketi

HTML em Etiketi

HTML center Etiketi

Linklerin Renklerini Değiştirme Örnek

HTML dir Etiketi

CSS content Özelliği

HTML main Etiketi

HTML canvas Etiketi