Contoh
Tentukan lebar gambar border:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
Cobalah sendiri " Definisi dan Penggunaan
Properti border-image-lebar menentukan lebar gambar perbatasan.
Tip: Juga melihat perbatasan-gambar properti (a shorthand property for setting all the border-image-* properties) .
| nilai default: | 1 |
|---|---|
| mewarisi: | no |
| animatable: | no. Read about animatable |
| Versi: | CSS3 |
| sintaks JavaScript: | object .style.borderImageWidth="20px" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
CSS Syntax
border-image-width:number|%|auto|initial|inherit;Note: Properti border-image-lebar dapat mengambil dari satu sampai empat nilai (top, right, bottom, and left sides) . Jika nilai keempat dihilangkan, itu adalah sama dengan yang kedua. Jika yang ketiga juga dihilangkan, itu adalah sama seperti yang pertama. Jika yang kedua juga dihilangkan, itu adalah sama seperti yang pertama.
Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| length | Sebuah satuan panjang (px) menentukan ukuran border-width | Mainkan " |
| number | Nilai default 1. Merupakan kelipatan yang sesuai border-width | Mainkan " |
| % | Mengacu pada ukuran dari bidang gambar border: lebar daerah untuk offset horisontal, ketinggian untuk offset vertikal | Mainkan " |
| auto | Jika ditentukan, lebar adalah lebar intrinsik atau tinggi dari potongan gambar yang sesuai | Mainkan " |
| initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
CSS3 tutorial: Gambar CSS3 Border
CSS Referensi: border-image property
CSS Referensi: border-image-outset property
CSS Referensi: border-image-repeat property
CSS Referensi: border-image-slice property
CSS Referensi: border-image-source property
Referensi HTML DOM: borderImageWidth property