Atribut flex-shrink CSS

Definisi dan penggunaan

Properti flex-shrink tetap di dalam wadah yang sama, besarnya penarikan item berbanding dengan item elasti lainnya.

Catatan:Jika elemen bukan item elasti, properti flex tidak berlaku.

Membuat item elasti kedua berkurang 3 kali lipat dibandingkan dengan item lainnya:

div:nth-of-type(2) {
  flex-shrink: 3;
}

flex-shrink: number|initial|inherit;

Nilai	Deskripsi
number	Angka, menentukan besarnya penarikan item berbanding dengan item elasti lainnya. Nilai standar adalah 1.
initial	Atur properti ini ke nilai standarnya. Lihat initial.
inherit	Mengambil properti ini dari elemen induknya. Lihat inherit.

Nilai standar:	1
Turunan:	Tidak
Pembuatan animasi:	Dukung. Lihat:Properti yang berhubungan dengan animasi.
Versi:	CSS3
Sintaks JavaScript:	object.style.flexShrink="5"

Angka di tabel menunjukkan versi browser pertama yang mendukung properti ini penuh.

Angka yang diawali dengan -webkit- atau -moz- menunjukkan versi pertama yang menggunakan awalan.

Chrome	IE / Edge	Firefox	Safari	Opera
29.0 21.0 -webkit-	11.0	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0