Properti CSS border-image-width
Contoh
Tentukan lebar gambar perbatasan:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
Definisi dan Penggunaan
Properti border-image-width
menentukan lebar gambar perbatasan.
Tip: Lihat juga properti border-image (properti singkatan untuk mengatur semua properti border-image-*).
Nilai bawaan: | 1 |
---|---|
Diwarisi: | tidak |
Animasi: | tidak. Baca tentang animasi |
Versi: kapan: | CSS3 |
Sintaks JavaScript: | objek .style.borderImageWidth="20px" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
Sintaks CSS
border-image-width: number|%|auto|initial|inherit;
Catatan: Properti border-image-width
dapat mengambil dari satu hingga empat nilai (sisi atas, kanan, bawah, dan kiri). Jika nilai keempat dihilangkan, itu sama dengan yang kedua. Jika yang ketiga juga dihilangkan, itu sama dengan yang pertama. Jika yang kedua juga dihilangkan, itu sama dengan yang pertama.
Nilai properti
Value | Description | Play it |
---|---|---|
length | A length unit (px) specifying the size of the border-width | |
number | Default value 1. Represents multiples of the corresponding border-width | |
% | Refers to the size of the border image area: the width of the area for horizontal offsets, the height for vertical offsets | |
auto | If specified, the width is the intrinsic width or height of the corresponding image slice | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Halaman Terkait
Tutorial CSS: Gambar Perbatasan CSS
Referensi CSS: properti gambar batas
Referensi CSS: properti border-image-outset
Referensi CSS: properti border-image-repeat
Referensi CSS: properti border-image-slice
Referensi CSS: properti border-image-source
Referensi DOM HTML: properti borderImageWidth