Gaya borderImage

Definisi dan penggunaan

borderImage Atribut ini adalah atribut singkat untuk mengatur berikut:

Nilai yang diabaikan diatur ke nilai standarnya.

Lihat juga:

Panduan CSS:Atribut border-image

Contoh

Tentukan gambar untuk batas elemen <div>:

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

Coba sendiri

Sintaks

Kembalikan atribut borderImage:

object.style.borderImage

Setel atribut borderImage:

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

Nilai atribut

Nilai Deskripsi
borderImageSource Jalur gambar yang akan digunakan sebagai batas.
borderImageSlice Penurunan dalam arah dalam gambar batas.
borderImageWidth Lebar gambar batas.
borderImageOutset Jumlah yang dilebihkan dari area gambar batas di luar kotak batas (border box).
borderImageRepeat Gambar batas harus di ulang (repeated), diisi (rounded) atau dipegang (stretched)?
initial Setel atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai standar: none 100% 1 0 stretch
Nilai kembalian: string, menunjukkan elemen Atribut border-image.
Versi CSS: CSS3

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang sepenuhnya mendukung atribut ini.

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