CSS border-image-source Özelliği

CSS border-image-source

Css border-image-source özelliği ile kenarlık yapılacak resmin adresi belirtilir.

Örnek:

Bu örnekte kenarlık için kullanacak resmin adresi belirtilecektir.

#kenarresim { border: 12 solid transparent; padding: 12px; border-image-source: url('border.png'); border-image-slice: 28; }

CSS border-image-source nedir nasıl kullanılır

Css border-image-source özelliğini kullanarak kenarlık resmi yapmak istenilen resmin url adresini belirtmek için kullanılır.

CSS border-image-source CSS border-image-source özellikleri  
Varsayılan Değer: none  
Kalıtsallık: yok  
Animasyon Özelliği: yok  
Versiyon: CSS3  
JavaScript border-image-source: object.style.borderImageSource="url(border.png)"  

CSS border-image-source Tarayıcı Desteği

CSS Kodu:
border-image-source 15.0 11.0 15.0 6.0 15.0

CSS border-image-source Değerleri

border-image-source: none|image|initial|inherit;

CSS border-image-source özelliği değerleri

CSS border-image-source değerleri CSS border-image-source değerleri tanımları
none Uygulanacak resim görünmez.
image Resmin url yolu belirtilir.
initial Özelliğin varsayılan değeridir.
inherit Soy bağından aldığı değeri taşır.

Yorumlar

Bu blogdaki popüler yayınlar

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

HTML Resimler

Html5 canvas animasyon dersleri Javascript Yilan Oyunu

Javascript ile neler yapılabilir

HTML blockquote Etiketi Örnek

Linklerin Renklerini Değiştirme Örnek

YouTube Reklam Engelleyici