CSS3 background-clip Özelliği

CSS3 background-clip

Css background-clip özelliği ile arkaplana eklenen resmin veya alanın istenilen kısımlarının gösterilmesi için kullanılır.

Örnek:

Bu örnekte border-box | padding-box ve content-box özelliği detaylı bir şekilde örneklendirilmiştir.Siz de denemek için aşağıdaki kendiniz deneyin tuşuna basınız..

div { border: 9px dashed black; padding: 30px; background: orange; background-clip: padding-box; }

CSS3 background-clip nedir nasıl kullanılır

Bir html elemanının arka planının kırpılıp gösterilmesi gereken bölgeyi tanımlamıza olanak veren bir css özelliğidir.

CSS background-clip	CSS background-clip özellikleri
Varsayılan Değer:	border-box
Kalıtsallık:	yok
Animasyon Özelliği:	yok
Versiyon:	CSS3
JavaScript background-clip:	object.style.backgroundClip="padding-box"

CSS3 background-clip Tarayıcı Desteği

CSS Kodu:
background-clip	4.0	9.0	4.0	3.0	10.5

CSS3 background-clip Değerleri

background-clip:border-box|padding-box|content-box|initial|inherit;