tutorial pengembangan web terbaru
 

Style flexShrink Property

<Style Object

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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