Contoh
Biarkan elemen DIV biru menyusut lima kali lebih banyak dari sisa item yang fleksibel:
document.getElementById("myBlueDiv".style.flexShrink = "5";
Cobalah sendiri " Definisi dan Penggunaan
Properti flexShrink menentukan bagaimana item akan menyusut relatif terhadap sisa barang-barang yang fleksibel di dalam wadah yang sama.
Note: Jika elemen bukan barang yang fleksibel, properti flexShrink tidak berpengaruh.
Dukungan Browser
Properti flexShrink didukung dalam IE10 +, Firefox, Opera, dan Chrome.
Catatan: Safari 6.1+ mendukung alternatif, properti WebkitFlexShrink.
Sintaksis
Kembali properti flexShrink:
object .style.flexShrink
Mengatur properti flexShrink:
object .style.flexShrink=" Nilai properti Nilai Deskripsi number Sejumlah menentukan berapa banyak item akan menyusut relatif terhadap sisa barang-barang yang fleksibel. Nilai default adalah 0 initial Set properti ini ke nilai default. Baca tentang awal inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi
Rincian teknis
Nilai default: 1 Kembali Nilai: Sebuah String, yang mewakili properti flex-menyusut dari unsur CSS Versi CSS3
Pages terkait
Referensi CSS: flex-shrink property
HTML DOM STYLE Referensi: flex property
HTML DOM STYLE Referensi: flexBasis property
HTML DOM STYLE Referensi: flexDirection property
HTML DOM STYLE Referensi: flexFlow property
HTML DOM STYLE Referensi: flexGrow property
HTML DOM STYLE Referensi: flexWrap property
<Style Object