Esempio
Che tutti gli elementi flessibili siano della stessa lunghezza, regardles del suo contenuto:
for (i = 0; i < y.length; i++) {
y[i].style.flex = "1";
}
Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà di flessione o restituisce la lunghezza della voce, rispetto al resto degli elementi flexibel all'interno dello stesso contenitore.
La proprietà flex è una scorciatoia per la flexGrow, flexShrink, e le proprietà flexBasis.
Note: Se l'elemento non è un elemento flessibile, la proprietà flex non ha alcun effetto.
Supporto browser
La proprietà flex è supportata in tutti i principali browser, ad eccezione di Safari.
Nota: La proprietà flex non è supportata IE 9 o versioni precedenti, in IE 10 questa proprietà è supportata con il prefisso MS. IE11 e versioni più recenti supportano completamente la proprietà flex (non è necessario il prefisso ms).
Nota: Safari 6.1+ supporta in alternativa, la proprietà WebkitFlex.
Sintassi
Restituire la proprietà flex:
object .style.flexImpostare la proprietà flex:
object .style.flex=" I valori delle proprietà Valore Descrizione flex-grow Un numero che specifica quanto l'oggetto crescerà rispetto al resto degli elementi flessibili flex-shrink Un numero che specifica quanto l'articolo si ridurrà rispetto al resto degli elementi flessibili flex-basis La lunghezza della voce. I valori legali: "auto" , "inherit" , o di un numero seguito da "%" , "px" , "em" o qualsiasi altra unità di lunghezza auto Uguale a 1 1 auto. initial Uguale a 0 1 auto. Leggi iniziale none Uguale a 0 0 automatico. inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: 0 1 auto Valore di ritorno: A String, che rappresenta la proprietà flessione di un elemento CSS Version CSS3
Pagine correlate
Di riferimento CSS: flex property
HTML DOM stile di riferimento: flexBasis property
HTML DOM stile di riferimento: flexDirection property
HTML DOM stile di riferimento: flexFlow property
HTML DOM stile di riferimento: flexGrow property
HTML DOM stile di riferimento: flexShrink property
HTML DOM stile di riferimento: flexWrap property
<Stile di oggetto