Atribut border-image-outset CSS
- Halaman sebelumnya border-image
- Halaman Berikutnya border-image-repeat
Definisi dan penggunaan
Atribut border-image-outset menentukan jumlah gambar batas yang keluar dari kotak batas.
Lihat pula:
Panduan CSS3:Batasan CSS3
Contoh
Atur atribut border-image-outset:
div { border-image-source: url(border.png); border-image-outset: 30 30; }
Syntaks CSS
border-image-outset: length|number;
Keterangan:Atribut border-image-outset menentukan jumlah gambar batas yang keluar dari kotak batas. Pada atas, kanan, bawah, dan sisi kiri. Jika nilai keempat diabaikan, maka sama dengan nilai kedua. Jika nilai ketiga diabaikan, maka sama dengan nilai pertama. Jika nilai kedua diabaikan, maka sama dengan nilai pertama. Tidak diizinkan nilai negatif untuk border-image-outset.
Nilai atribut
Nilai | Deskripsi |
---|---|
length | |
number | Mewakili ganda dari border-width. |
Detil teknis
Nilai standar: | 0 |
---|---|
Inheritsi: | no |
Versi: | CSS3 |
Syntaks JavaScript: | object.style.borderImageOutset="30 30" |
Dukungan browser
Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Lihat pula border-image Atribut.
- Halaman sebelumnya border-image
- Halaman Berikutnya border-image-repeat