Atribut Style borderImageSlice
- Halaman Sebelumnya
- Halaman Berikutnya
- Kembali ke Lapisan Atas Objek Style HTML DOM
Definisi dan penggunaan
borderImageSlice
Atribut menentukan penurunan dalam gambar batas.
Lihat juga:
Panduan CSS:Atribut border-image-slice
Contoh
Tentukan penurunan dalam gambar batas:
document.getElementById("myDIV").style.borderImageSlice = "50% 10%";
Sintaks
Kembalikan atribut borderImageSlice:
object.style.borderImageSlice
Atur atribut borderImageSlice:
object.style.borderImageSlice = "number|%|fill|initial|inherit"
Nilai atribut
Nilai | Deskripsi |
---|---|
number | Angka, menunjukkan pixel di gambar (jika adalah gambar raster) atau koordinat vektor (jika adalah gambar vektor). |
% |
Persentase relatif ukuran gambar: lebar gambar mempengaruhi penurunan horizontal, tinggi gambar mempengaruhi penurunan vertikal. Nilai baku adalah 100%. |
fill | Menjaga bagian tengah gambar batas. |
initial | Atur atribut ini ke nilai baku. Lihat initial. |
inherit | Mengambil atribut ini dari elemen induknya. Lihat inherit. |
Detil teknis
Nilai baku: | 100% |
---|---|
Nilai kembalian: | String, menunjukkan elemen Atribut border-image-slice. |
Versi CSS: | CSS3 |
Pembukaan peramban
Angka di tabel menunjukkan versi peramban yang mendukung properti ini penuh.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Dukung | 11.0 | Dukung | 6.0 | 15.0 |
Lihat Properti borderImage!
- Halaman Sebelumnya
- Halaman Berikutnya
- Kembali ke Lapisan Atas Objek Style HTML DOM