Atribut border-image-outset CSS
- halaman sebelumnya border-image
- Next Page border-image-repeat
Definisi dan penggunaan
aturan border-image-outset menentukan jumlah gambar batas yang keluar dari kotak batas.
Lihat juga:
Panduan CSS3:BORDER3 CSS
Contoh
Atur aturan border-image-outset:
div { border-image-source: url(border.png); border-image-outset: 30 30; }
Syntaxa CSS
border-image-outset: length|number;
Keterangan:aturan border-image-outset menentukan jumlah gambar batas yang keluar dari kotak batas. Di 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 aturan border-image-outset.
Nilai aturan
Nilai | Deskripsi |
---|---|
length | |
number | menunjukkan ganda border-width. |
Detil teknologi
Nilai default: | 0 |
---|---|
Inheritsi: | tidak |
Versi: | CSS3 |
Syntaxa JavaScript: | object.style.borderImageOutset="30 30" |
kepatuhan browser
angka di dalam tabel menunjukkan versi pertama browser yang mendukung aturan ini penuhnya.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
lihat border-image aturan.
- halaman sebelumnya border-image
- Next Page border-image-repeat