Attributo style flexFlow

Definizione e uso

flexFlow L'attributo è flexDirection e flexWrap Proprietà abbreviate dell'attributo.

flexDirection L'attributo determina la direzione degli elementi flessibili.

flexWrap L'attributo determina se gli elementi flessibili dovrebbero essere riportati su una nuova riga.

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

Vedi anche:

Manuale di riferimento CSS:flex-flow attributo

Esempio

Visualizza gli elementi flessibili in colonna e senza riga di scorrimento:

document.getElementById("main").style.flexFlow = "column nowrap";

Prova tu stesso

Sintassi

Restituisce l'attributo flexFlow:

oggetto.style.flexFlow

Imposta l'attributo flexFlow:

oggetto.style.flexFlow = "flex-direction flex-wrap|initial|inherit"

Valore dell'attributo

Valore Descrizione
flex-direction

Valori possibili:

  • row
  • row-reverse
  • column
  • column-reverse
  • initial
  • inherit

Il valore predefinito è "row".

Determina la direzione degli elementi flessibili.
flex-wrap

Valori possibili:

  • nowrap
  • wrap
  • wrap-reverse
  • initial
  • inherit

Il valore predefinito è "nowrap".

Determina se gli elementi flessibili dovrebbero essere riportati su una nuova riga.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit 继承此属性自其 elemento genitore. Vedi inherit.

Dettagli tecnici

Valore predefinito: row nowrap
Valore di ritorno: Stringa che rappresenta l'elemento flex-flow attributo.
Versione CSS: CSS3

Supporto del browser

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

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 attributo

Manuale di riferimento HTML DOM STYLE:flexBasis attributo

Manuale di riferimento HTML DOM STYLE:flexDirection attributo

Manuale di riferimento HTML DOM STYLE:flexGrow attributo

Manuale di riferimento HTML DOM STYLE:flexShrink attributo

Manuale di riferimento HTML DOM STYLE:flexWrap attributo