Stil borderImageSource Özellik
Örnek
Bir div öğesinin çevresinde kenarlık olarak bir görüntü kullanın:
document.getElementById("myDIV").style.borderImageSource = "url(border.png)";
Tanım ve Kullanım
borderImageSource özelliği, border-style özellikleri tarafından verilen border stilleri yerine kullanılacak görüntüyü ayarlar veya döndürür.
İpucu: Değer "yok" ise veya görüntü görüntülenemiyorsa, kenarlık stilleri kullanılacaktır.
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
borderImageSource | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
Bunun yerine borderImage özelliğine bakın !
Sözdizimi
borderImageSource özelliğini döndürün:
object.style.borderImageSource
borderImageSource özelliğini ayarlayın:
object.style.borderImageSource = "none|image|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
none | No image will be used |
image | The path to the image to be used as a border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | Yok |
---|---|
Geri dönüş değeri: | Bir öğenin border-image-source özelliğini temsil eden bir String |
CSS Sürümü | CSS3 |
İlgili Sayfalar
CSS referansı: border-image-source özelliği