Proprietà Style flexGrow

Definizione e uso

flexGrow L'attributo specifica quanto il progetto crescerà rispetto agli altri elementi flessibili nello stesso contenitore.

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

Vedi anche:

Manuale di riferimento CSS:flex-grow proprietà

Esempio

Fai crescere il DIV blu cinque volte rispetto agli altri elementi flessibili:

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

Prova tu stesso

Sintassi

Restituisce la proprietà flexGrow:

object.style.flexGrow

Imposta la proprietà flexGrow:

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

Valore dell'attributo

Valore Descrizione
number Numero che specifica l'incremento del progetto rispetto agli altri elementi flessibili. Il valore predefinito è 0.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Eredità di questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: 0
Valore di ritorno: Stringa che rappresenta l'elemento flex-grow 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:flexShrink proprietà

Manuale di riferimento HTML DOM STYLE:flexWrap proprietà