Tutorial CSS3 border-image-lebar atribut Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari contoh,Dukungan Browser,Definisi atribut dan petunjuk,tatabahasa,

CSS3 border-image-lebar atribut

contoh

Menentukan lebar perbatasan gambar:

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

Dukungan Browser

Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.

属性
border-image-width 15.0 11.0 13.0 6.0 15.0

Definisi atribut dan petunjuk

Lebar atribut perbatasan-gambar -width menentukan perbatasan gambar.

default: 1
warisan: tidak
versi: CSS3
sintaks JavaScript: keberatan .style.borderImageWidth = "30 30"


tatabahasa

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

Catatan: Empat border-image nilai -width ditetapkan untuk bidang gambar perbatasan dibagi menjadi sembilan bagian.Atas nama mereka, kanan, bawah, kiri, ke dalam dari sisi. Jika nilai keempat dihilangkan, dan yang kedua adalah identik. Jika Anda juga menghilangkan ketiga, dan itu adalah sama seperti yang pertama. Jika Anda juga menghilangkan kedua, dan itu adalah sama seperti yang pertama. nilai negatif tidak diperbolehkan.

nilai penjelasan
jumlah Menunjukkan bahwa kelipatan border-width sesuai
% Lebar daerah daerah ketinggian lateral offset, offset vertikal: ukuran batas bidang gambar
mobil Jika ditentukan, lebar intrinsik adalah lebar atau tinggi dari potongan gambar yang sesuai
CSS3 border-image-lebar atribut
10/30