Properti CSS border-image-repeat
Contoh
Tentukan cara mengulang gambar perbatasan:
#borderimg
{
border-image-source: url(border.png);
border-image-repeat: repeat;
}
Definisi dan Penggunaan
Properti border-image-repeatmenentukan apakah gambar perbatasan harus diulang, dibulatkan, diberi spasi atau diregangkan.
Tip: Lihat juga properti border-image (properti singkatan untuk mengatur semua properti border-image-*).
| Nilai bawaan: | meregang |
|---|---|
| Diwarisi: | tidak |
| Animasi: | tidak. Baca tentang animasi |
| Versi: kapan: | CSS3 |
| Sintaks JavaScript: | objek .style.borderImageRepeat="bulat" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Property | |||||
|---|---|---|---|---|---|
| border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Sintaks CSS
border-image-repeat: stretch|repeat|round|space|initial|inherit;
Catatan: Properti ini menentukan bagaimana gambar untuk sisi dan bagian tengah gambar perbatasan diskalakan dan diberi ubin. Jadi, Anda dapat menentukan dua nilai di sini. Jika nilai kedua dihilangkan, itu dianggap sama dengan yang pertama.
Nilai properti
| Value | Description | Play it |
|---|---|---|
| stretch | Default value. The image is stretched to fill the area | |
| repeat | The image is tiled (repeated) to fill the area | |
| round | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so it fits | |
| space | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
Halaman Terkait
Tutorial CSS: Gambar Perbatasan CSS
Referensi CSS: properti gambar batas
Referensi CSS: properti border-image-outset
Referensi CSS: properti border-image-slice
Referensi CSS: properti border-image-source
Referensi CSS: properti border-image-width
Referensi DOM HTML: properti borderImageRepeat