Properti CSS border-image-outset
Contoh
Tempatkan gambar batas 10 piksel di luar tepi batas elemen:
#borderimg
{
border-image-source: url(border.png);
border-image-outset: 10px;
}
Definisi dan Penggunaan
Properti border-image-outset
menentukan jumlah area gambar perbatasan melampaui kotak perbatasan.
Tip: Lihat juga properti border-image (properti singkatan untuk mengatur semua properti border-image-*).
Nilai bawaan: | 0 |
---|---|
Diwarisi: | tidak |
Animasi: | tidak. Baca tentang animasi |
Versi: kapan: | CSS3 |
Sintaks JavaScript: | objek .style.borderImageOutset="10px" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
border-image-outset | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Sintaks CSS
border-image-outset: length|number|initial|inherit;
Catatan: Properti border-image-outset
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 specifying how far from the edges the border-image will appear. Default value is 0 | |
number | Represent multiples of the corresponding border-width | |
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-repeat
Referensi CSS: properti border-image-slice
Referensi CSS: properti border-image-source
Referensi CSS: properti border-image-width
Referensi DOM HTML: properti borderImageOutset