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

Popüler yayınlar

CSS content Özelliği

CSS justify-content Özelliği

Javascript ile neler yapılabilir

HTML strong Etiketi

CSS flex-basis Özelliği

CSS top Özelliği

HTML Yorumlar

CSS align-self özelliği

HTML5 Canvas Oyun Yapımı Dersleri

HTML select Etiketi