Gaya borderImageOutset Property
Contoh
Tempatkan batas di luar tepi elemen <div>:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
Definisi dan Penggunaan
Properti borderImageOutset menetapkan atau mengembalikan jumlah area gambar perbatasan yang melampaui kotak perbatasan.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
borderImageOutset | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
Lihat properti borderImage saja!
Sintaksis
Kembalikan properti borderImageOutset:
object.style.borderImageOutset
Setel properti borderImageOutset:
object.style.borderImageOutset = "length|number|initial|inherit"
Catatan: Properti borderImageOutset menentukan jumlah area gambar perbatasan yang melampaui kotak perbatasan. pada 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 negatif tidak diperbolehkan untuk nilai borderImageOutset mana pun.
Nilai properti
Value | Description |
---|---|
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 |
Detail Teknis
Nilai Bawaan: | 0 |
---|---|
Nilai Kembali: | Sebuah String, mewakili properti border-image-outset dari suatu elemen |
Versi CSS | CSS3 |
Halaman Terkait
Referensi CSS: properti border-image-outset