CSS3 border-image-repeat properti
contoh
Mengatur mode pengulangan gambar:
border-image-source: url ( border.png);
border-image-ulangi: mengulang;
}
Coba »
Definisi dan penggunaan
border-image-repeat atribut apakah batas gambar harus diulang (diulang), tarik (membentang) atau tertutup (dibulatkan).
Tip: Anda dapat melihat border-image properti (properti singkat digunakan untuk mengatur semua perbatasan-Image- * properti).
default: | meregang |
---|---|
mewarisi: | tidak |
animasi: | tidak ada. Lihat animatable |
versi: | CSS3 |
sintaks JavaScript: | keberatan .style.borderImageRepeat = "round"mencoba |
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung versi kejadian.
milik | |||||
---|---|---|---|---|---|
border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS Syntax
Catatan: Atribut ini menentukan bagaimana diperpanjang dan tata letak tepi dan bagian tengah bingkai gambar.Oleh karena itu, Anda dapat menentukan dua nilai. Jika nilai kedua dihilangkan, dan yang pertama untuk mengambil nilai yang sama.
Nilai properti
nilai | deskripsi | contoh |
---|---|---|
meregang | Default. Meregangkan gambar untuk mengisi daerah | Lihat contoh » |
ulangi | Ubin (diulang) untuk mengisi bidang gambar. | Lihat contoh » |
bulat | nilai ulangi serupa. Jika Anda tidak dapat menyelesaikan semua gambar ubin, gambar akan diskala agar sesuai daerah. | Lihat contoh » |
ruang | nilai ulangi serupa. Jika Anda tidak dapat menyelesaikan semua gambar ubin, ruang ekspansi akan didistribusikan di sekitar gambar | |
awal | Set properti ini ke nilai default. Lihat awal | Lihat contoh » |
mewarisi | Properti ini adalah warisan dari elemen induk. Lihat mewarisi |
Pages terkait
CSS3 tutorial: CSS3 Border
CSS Referensi: Properti border-Image
CSS Referensi: border-Gambar-REPEAT properti
CSS Referensi: border-Gambar-slice properti
CSS Referensi: border-Gambar-Sumber properti
CSS Referensi: border-width atribut-Image
HTML DOM Referensi: properti borderImageRepeat