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

Popüler yayınlar

CSS content Özelliği

CSS justify-content Özelliği

Javascript ile neler yapılabilir

CSS top Özelliği

HTML strong Etiketi

Kriptopara nasıl alınır ve nereden alınır?

Ücretsiz Bitcoin Kazan Pasif Gelir Elde Et İnternetten Para Kazan

Javascript Oyun Yapma Dersleri HTML5+CSS3

CSS flex-basis Özelliği

HTML5 Canvas Oyun Yapımı Dersleri