Atribut border-image-source CSS
- halaman sebelumnya border-image-slice
- Halaman berikutnya border-image-width
definisi dan penggunaan
aturan border-image-source menentukan gambar yang digunakan untuk menggantikan gaya batas yang diset di aturan border-style.
tunjuk:jika nilai adalah "none" atau gambar tidak dapat ditampilkan, gunakan gaya batas.
lihat pula:
Tutorial CSS3:Garis border CSS3
contoh
gunakan gambar untuk membuat batas disekitar elemen div:
div { border-image-source: url(border.png); }
sintaks CSS
border-image-source: none|image;
nilai aturan
nilai | deskripsi |
---|---|
none | tidak menggunakan gambar. |
image | jalur gambar yang digunakan sebagai batas. |
detil teknis
nilai standar: | none |
---|---|
Inheritance: | tidak |
versi: | CSS3 |
JavaScript sintaks: | object.style.borderImageSource="url(border.png)" |
dukungan browser
angka di tabel menandai versi browser pertama yang mendukung aturan ini penuh.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
lihat pula border-image aturan.
- halaman sebelumnya border-image-slice
- Halaman berikutnya border-image-width