Atribut border-image-repeat CSS

definisi dan penggunaan

aturan border-image-repeat menentukan apakah gambar border harus diulangi (diulang), discah (ditarik), atau diisi (dipotong)。

lihat pula:

Panduan CSS3:Garis pinggir CSS3

contoh

menentukan bagaimana mengulangi gambar border:

div
{
border-image-source: url(border.png);
border-image-repeat: round;
}

syntax CSS

border-image-repeat: stretch|repeat|round;

catatan:aturan ini menentukan bagaimana menggandakan dan mengukir bagian ekor dan bagian tengah gambar border. Oleh karena itu, Anda dapat menentukan dua nilai. Jika nilai kedua diabaikan, nilai yang sama seperti yang pertama akan diambil.

nilai aturan

nilai deskripsi
stretch menggandakan gambar untuk mengisi area
repeat ukir (mengulang) gambar untuk mengisi area.
round seperti nilai repeat. Jika gambar tidak dapat diukir sepenuhnya, gambar akan diskala untuk memadai area.

detil teknis

nilai standar: stretch
Inheritance: tidak
versi: CSS3
JavaScript syntax: object.style.borderImageRepeat="round"

dukungan browser

angka di tabel menandai versi pertama browser yang mendukung penuh aturan ini.

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

lihat border-image aturan.