CSS border-image-repeat 属性

Definisi dan penggunaan

Sifat border-image-repeat menentukan sama ada gambar pinggiran harus diulangi, diperluas atau diisi sepenuhnya.

Lihat juga:

Panduan CSS3:Kerangka CSS3

contoh

menentukan bagaimana gambar diulangi untuk pinggiran gambar:

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

Rumus CSS

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

catatan:Sifat ini menentukan bagaimana mengembangkan dan mengukir pinggiran gambar border dan bagian tengah. Oleh itu, anda boleh tentukan dua nilai. Jika nilai kedua diabaikan, nilai yang sama seperti yang pertama akan diambil.

nilai sifat

nilai penjelasan
stretch gelengkan gambar untuk mengisi kawasan
repeat ukir (dulukan) gambar untuk mengisi kawasan.
round seperti nilai repeat. Jika gambar tidak dapat diukir sepenuhnya, ukur semula gambar untuk menyesuaikan kawasan.

detil teknikal

nilai lalai: stretch
Inheren: tidak
versi: CSS3
Rumus JavaScript: object.style.borderImageRepeat="round"

keupayaan pereka

nombor di dalam tabel menandakan versi pereka paling awal yang mendukung sifat ini sepenuhnya.

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

lihat border-image sifat.