Contoh
Tentukan gambar sebagai perbatasan sekitar <div> elemen:
/* Code for Safari 5 and earlier */
document.getElementById("myDIV").style.WebkitBorderImage
= "url(border.png) 30 30 round";
/* Standard syntax */
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round"; Cobalah sendiri " Definisi dan Penggunaan
Properti borderImage adalah properti singkat untuk pengaturan borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset dan borderImageRepeat properti.
nilai-nilai dihilangkan ditetapkan ke nilai standar.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Nomor diikuti oleh WebKit, Moz, atau O tentukan versi pertama yang bekerja dengan awalan.
| Milik | |||||
|---|---|---|---|---|---|
| borderImage | 16.0 4.0 Webkit | 11.0 | 15.0 3,5 Moz | 6.0 3.1 Webkit | 15.0 11.0 O |
Sintaksis
Kembali properti borderImage:
object .style.borderImage
Mengatur properti borderImage:
object .style.borderImage=" Nilai properti Nilai Deskripsi borderImageSource Path ke gambar yang akan digunakan sebagai perbatasan borderImageSlice Offset ke dalam gambar-perbatasan borderImageWidth Lebar dari gambar-perbatasan borderImageOutset Jumlah dimana area gambar perbatasan melampaui kotak perbatasan borderImageRepeat Apakah gambar-perbatasan harus diulang, bulat atau diregangkan initial Set properti ini ke nilai default. Baca tentang awal inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi
Rincian teknis
Nilai default: tidak 100% 1 0 peregangan Kembali Nilai: Sebuah String, yang mewakili properti border-gambar elemen CSS Versi CSS3
Pages terkait
Referensi CSS: border-image property
<Style Object