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

Bu blogdaki popüler yayınlar

HTML progress Etiketi

CSS content Özelliği

HTML section Etiketi

CSS transition-delay Özelliği

CSS align-items özelliği

CSS text-justify Özelliği

CSS overflow Özelliği

CSS justify-content Özelliği

CSS border-collapse Özelliği

HTML5 Canvas Oyun Yapımı Dersleri