Sifat border-image-width CSS

Definisi dan penggunaan

Sifat border-image-width menentukan lebar gambar pinggir.

Lihat juga:

Panduan CSS3:BORDER CSS3

Contoh

Tentukan lebar gambar pinggir:

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

语法 CSS

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

Komen:Empat sifat border-image-width mendefinisikan penggajian gambar pinggir menjadi sembilan bahagian. Mereka mewakili jarak dari bahagian atas, kanan, bawah, dan kiri kawasan ke dalam. Jika nila keempat diabaikan, ia akan sama seperti nilai kedua. Jika nila ketiga diabaikan, ia akan sama seperti nilai pertama. Jika nila kedua diabaikan, ia akan sama seperti nilai pertama. Tidak diizinkan nilai negatif sebagai nilai border-image-width.

Nilai sifat

Nilai Deskripsi
number mewakili ganda bagi lebar pinggir yang sepadan.
% Rujuk saiz kawasan gambar pinggir: ketinggian kawasan mempengaruhi penjauhan horizontal, lebar mempengaruhi penjauhan vertikal.
auto Jika sifat ini disyorkan, lebar adalah lebar potong gambar yang alami untuk potongan gambar yang sepadan.

Detil teknologi

Nilai lalai: tiada
Warisan: tidak
Versi: CSS3
语法 JavaScript: object.style.borderImageWidth="30 30"

Pendukung perekap

Nombor di dalam tabel menunjukkan versi perekap pertama yang mendukung sifat ini penuhnya.

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

Lihat juga border-image sifat.