Properti CSS border-image-source
Contoh
Tentukan gambar sebagai batas di sekitar elemen:
#borderimg
{
border-image-source: url(border.png);
}
Definisi dan Penggunaan
Properti border-image-source
menentukan jalur ke gambar yang akan digunakan sebagai batas (bukan batas normal di sekitar elemen).
Tips: Jika nilainya "none", atau jika gambar tidak dapat ditampilkan, gaya batas akan digunakan.
Tip: Lihat juga properti border-image (properti singkatan untuk mengatur semua properti border-image-*).
Nilai bawaan: | tidak ada |
---|---|
Diwarisi: | tidak |
Animasi: | tidak. Baca tentang animasi |
Versi: kapan: | CSS3 |
Sintaks JavaScript: | objek .style.borderImageSource="url(border.png)" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Sintaks CSS
border-image-source: none|image|initial|inherit;
Nilai properti
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 |
Halaman Terkait
Tutorial CSS: Gambar Perbatasan CSS
Referensi CSS: properti gambar batas
Referensi CSS: properti border-image-outset
Referensi CSS: properti border-image-repeat
Referensi CSS: properti border-image-slice
Referensi CSS: properti border-image-width
Referensi DOM HTML: properti borderImageSource