Contoh
Tentukan bagaimana untuk mengulang gambar-border:
document.getElementById("myDIV").style.borderImageRepeat = "round"; Cobalah sendiri " Definisi dan Penggunaan
The borderImageRepeat set properti atau kembali apakah gambar-perbatasan harus diulang, bulat atau diregangkan.
Dukungan Browser
Properti borderImageRepeat tidak didukung di Opera.
Properti borderImageRepeat tidak didukung di Internet Explorer 10 dan sebelumnya.
Properti borderImageRepeat tidak didukung di Safari 5 dan sebelumnya.
Lihatlah borderImage properti sebagai gantinya!
Sintaksis
Kembali properti borderImageRepeat:
object .style.borderImageRepeat
Mengatur properti borderImageRepeat:
object .style.borderImageRepeat="stretch|repeat|round|initial|inherit"
Nilai properti
| Nilai | Deskripsi |
|---|---|
| stretch | nilai default. Gambar melebar untuk mengisi daerah |
| repeat | Gambar ubin (repeated) untuk mengisi daerah |
| round | Gambar ubin (repeated) untuk mengisi daerah. Jika tidak mengisi daerah dengan sejumlah seluruh ubin, gambar rescaled sehingga cocok |
| space | Gambar ubin (repeated) untuk mengisi daerah. Jika tidak mengisi daerah dengan sejumlah seluruh ubin, ruang ekstra didistribusikan sekitar ubin |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
| Nilai default: | meregang |
|---|---|
| Kembali Nilai: | Sebuah String, yang mewakili properti border-image-pengulangan elemen |
| CSS Versi | CSS3 |
Pages terkait
Referensi CSS: border-image-repeat property
<Style Object