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 Resimler

HTML yorum etiketi ile öğe gizleme örneği

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

Uyurken Bile Para Kazanmak İster misin

javascript ile aciklama satiri ve haftanın gunünü bulma

Linklerin Renklerini Değiştirme Örnek