Proprietà flex-shrink CSS

Definizione e uso

L'attributo flex-shrink è fissato nello stesso contenitore, la quantità di contrazione dell'elemento rispetto agli altri elementi elastiche.

Nota:Se l'elemento non è un elemento elastico, l'attributo flex non è valido.

Fai contrarre il secondo elemento elastico tre volte rispetto agli altri elementi:

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

flex-shrink: number|initial|inherit;

Valore	Descrizione
number	Numero, che definisce la quantità di contrazione dell'elemento rispetto agli altri elementi elastiche. Il valore predefinito è 1.
initial	Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit	Inherita da questo attributo dal suo elemento padre. Vedi inherit.

Valore predefinito:	1
Ereditarietà:	No
Creazione di animazioni:	Supportato. Vedi:Proprietà correlate agli animazioni.
Versione:	CSS3
Sintassi JavaScript:	object.style.flexShrink="5"

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

I numeri con -webkit- o -moz- indicano la versione iniziale che utilizza il prefisso.

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