Proprietà Style flexShrink

Definizione e uso

flexShrink L'attributo specifica come il progetto si restringerà rispetto agli altri progetti flessibili nello stesso contenitore.

Nota:Se l'elemento non è un elemento flessibile, allora flexShrink Attributo non valido.

Vedi anche:

Manuale di riferimento CSS:flex-shrink proprietà

Esempio

Rendere il DIV blu più piccolo di cinque volte rispetto agli altri elementi flessibili:

document.getElementById("myBlueDiv").style.flexShrink = "5";

Prova tu stesso

Sintassi

Restituisce la proprietà flexShrink:

object.style.flexShrink

Imposta la proprietà flexShrink:

object.style.flexShrink = "number|initial|inherit"

Valore dell'attributo

Valore Descrizione
number Numero che specifica quanto il progetto si restringerà rispetto agli altri progetti flessibili. Il valore predefinito è 0.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: 1
Valore di ritorno: Stringa che rappresenta l'elemento flex-shrink proprietà.
Versione CSS: CSS3

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente questa proprietà per la prima volta.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto 11.0 Supporto 9.0 Supporto

Pagine correlate

Manuale di riferimento HTML DOM STYLE:flex proprietà

Manuale di riferimento HTML DOM STYLE:flexBasis proprietà

Manuale di riferimento HTML DOM STYLE:flexDirection proprietà

Manuale di riferimento HTML DOM STYLE:flexFlow proprietà

Manuale di riferimento HTML DOM STYLE:flexGrow proprietà

Manuale di riferimento HTML DOM STYLE:flexWrap proprietà