Properti border-image-width CSS

Definisi dan penggunaan

atur lebar border gambar untuk aturan border-image-width.

Lihat pula:

Panduan CSS3:Batasan CSS3

contoh

atur lebar border gambar:

div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}

Syntaks CSS

border-image-width: number|%|auto;

Keterangan:Empat aturan border-image-width akan memotong border image menjadi sembilan bagian. Ini mewakili jarak dari bagian atas, kanan, bawah, dan kiri area ke dalam. Jika nilai keempat diabaikan, akan sama dengan nilai kedua. Jika nilai ketiga diabaikan, akan sama dengan nilai pertama. Jika nilai kedua diabaikan, akan sama dengan nilai pertama. Tidak diizinkan nilai negatif sebagai nilai border-image-width.

nilai aturan

Nilai Deskripsi
number mewakili kali ganda border-width yang sebenarnya.
% Referensi untuk ukuran area border image: tinggi area mempengaruhi penurunan horizontal, lebar mempengaruhi penurunan vertikal.
auto Jika aturan ini diset, lebar adalah lebar potongan gambar yang alami.

detil teknis

Nilai standar: none
Inheritance: tidak
versi: CSS3
Syntaks JavaScript: object.style.borderImageWidth="30 30"

dukungan browser

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

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

lihat pula border-image aturan.