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 Resimler

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

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

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

Linklerin Renklerini Değiştirme Örnek

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

Uyurken Bile Para Kazanmak İster misin