Style flexFlow egenskap

Definition och användning

flexFlow Egenskapen är flexDirection och flexWrap Kortform för egenskapen.

flexDirection Egenskapen definierar riktningen för fjäderprojektet.

flexWrap Egenskapen definierar om fjäderprojektet ska brytas över rader.

Kommentar:Om elementet inte är ett fjäderobjekt, flexFlow Egenskapen är ogiltig.

Se också:

CSS referenshandbok:flex-flow egenskap

Exempel

Visa fjäderobjekt i kolumnformat utan att bryta raden:

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

Prova själv

Syntax

Returnera flexFlow egenskap:

object.style.flexFlow

Ställ in flexFlow egenskap:

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

Egenskapsvärde

Värde Beskrivning
flex-direction

Möjliga värden:

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

Standardvärdet är "row".

Definierar riktningen för fjäderprojektet.
flex-wrap

Möjliga värden:

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

Standardvärdet är "nowrap".

Definierar om fjäderprojektet ska brytas över rader.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Inheritera denna egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: row nowrap
Returvärde: sträng som anger elementets flex-flow egenskap.
CSS version: CSS3

Webbläsarstöd

Numrerna i tabellen anger den första webbläsaren som helt stöder denna egenskap.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stödjer 11.0 Stödjer 9.0 Stödjer

Relaterade sidor

HTML DOM STYLE referenshandbok:flex egenskap

HTML DOM STYLE referenshandbok:flexBasis egenskap

HTML DOM STYLE referenshandbok:flexDirection egenskap

HTML DOM STYLE referenshandbok:flexGrow egenskap

HTML DOM STYLE referenshandbok:flexShrink egenskap

HTML DOM STYLE referenshandbok:flexWrap egenskap