Google ve Youtube Reklamlarını Engelleyen Tarayıcı ve Uygulama İndir

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;

CSS3 background-clip özelliği değerleri

CSS background-clip değerleri CSS background-clip değerleri tanımları CSS Örnek Uygulamalar
border-box Kenar çizgilerini de dahil ederek arkaplanı kırpar
padding-box Padding uygulanan alan sınırı belirler
content-box Sadece içerik alanına arka planı uygulamaya çalışır.
initial Varsayılan başlangıç değere döndürür.  
inherit Soydaşından gelen özelliği kullanır.  

Yorumlar