Stil borderImage Özelliği

Tanım ve Kullanım

borderImage Bu özellik, aşağıdaki özellikleri ayarlamak için kısayol özelliğidir:

Atlanan değerler öntanımlı değerlerine ayarlanır.

Ayrıca Bakınız:

CSS Referans Kılavuzu:border-image Özelliği

Örnek

<div> Elementinin Kenarını Görsel olarak Belirleme:

document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";

Kişisel Deneyim

Sözdizimi

borderImage Özelliğini Geri Dönüş:

object.style.borderImage

borderImage Özelliğini Ayarlama:

object.style.borderImage = "source slice width outset repeat|initial|inherit"

Özellik Değeri

Değer Açıklama
borderImageSource Kenar çizgisi olarak kullanılacak görselin yolunu belirtir.
borderImageSlice Görsel kenar çizgisinin içe doğru kayması.
borderImageWidth Görsel kenar çizgisinin genişliği.
borderImageOutset Kenar çizgisi görsel alanının kenar çizgisi kutusu (border box) dışına çıkan miktarı.
borderImageRepeat Görsel kenar çizgisi döşenmiş (tekrarlanan), doldurulmuş (yuvarlak) hale getirilmiş mi yoksa çekirdekten uzaklaştırılmış mı olmalıdır?
initial Bu özelliği öntanımlı değerine ayarlayın. Bakınız initial。
inherit Bu özelliği ebeveyn elementinden miras alır. Bakınız inherit。

Teknik Ayrıntılar

Öntanımlı Değer： none 100% 1 0 stretch
Dönüş değeri： Dizge, elementin border-image Özelliği。
CSS Sürümü： CSS3

Tarayıcı Desteği

Tablozdaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 11.0 15.0 6.0 15.0