Stil borderImage Özellik
Örnek
Bir <div> öğesinin etrafındaki kenarlık olarak bir görüntü belirtin:
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";
Tanım ve Kullanım
borderImage özelliği, borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset ve borderImageRepeat özelliklerini ayarlamak için kullanılan bir kısayol özelliğidir.
Atlanan değerler varsayılan değerlerine ayarlanır.
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Webkit, Moz veya O'nun ardından gelen sayılar, bir önekle çalışan ilk sürümü belirtir.
Property | |||||
---|---|---|---|---|---|
borderImage | 16.0 4.0 Webkit |
11.0 | 15.0 3.5 Moz |
6.0 3.1 Webkit |
15.0 11.0 O |
Sözdizimi
borderImage özelliğini döndürün:
object.style.borderImage
borderImage özelliğini ayarlayın:
object.style.borderImage = "source slice width outset repeat|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
borderImageSource | The path to the image to be used as a border |
borderImageSlice | The inward offsets of the image-border |
borderImageWidth | The widths of the image-border |
borderImageOutset | The amount by which the border image area extends beyond the border box |
borderImageRepeat | Whether the image-border should be repeated, rounded or stretched |
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: | hiçbiri %100 1 0 esneme |
---|---|
Geri dönüş değeri: | Bir öğenin border-image özelliğini temsil eden bir String |
CSS Sürümü | CSS3 |
İlgili Sayfalar
CSS referansı: border-image özelliği