Sifat 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 garis pinggir yang diset di aturan border-style.
Petunjuk:Jika nilai adalah "tidak ada" atau jika gambar tidak dapat ditampilkan, gunakan gaya garis pinggir.
Lihat juga:
Panduan CSS3:Border CSS3
Contoh
Gunakan gambar untuk mengelilingi garis pinggir elemen div:
div { border-image-source: url(border.png); }
语法 CSS
border-image-source: tidak ada|gambar;
Nilai aturan
Nilai | Deskripsi |
---|---|
tidak ada | Tidak menggunakan gambar. |
gambar | Jalan gambar yang digunakan sebagai garis pinggir. |
Detil teknologi
Nilai default: | tidak ada |
---|---|
Inheren: | tidak |
Versi: | CSS3 |
语法 JavaScript: | object.style.borderImageSource="url(border.png)" |
Dukungan perebutan
Angka di tabel menunjukkan versi perebutan pertama yang mendukung aturan ini.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
lihat border-image aturan.
- halaman sebelumnya border-image-slice
- Halaman berikutnya border-image-width