Style flexFlow eigenschap

definitie en gebruik

flexFlow eigenschap is flexDirection en flexWrap korte naam voor de eigenschap.

flexDirection Eigenschap bepaalt de richting van de elastische items.

flexWrap Eigenschap bepaalt of de elastische items moeten worden aangepast.

opmerking:Als het element geen elastische item is, dan flexFlow Eigenschap ongeldig.

Zie ook:

CSS referentiehandleiding:flex-flow eigenschap

voorbeeld

Laat de elastische items kolomgewijzigd weergeven en niet doorrijen:

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

Probeer het zelf

syntaxis

Geef de flexFlow eigenschap terug:

object.style.flexFlow

Stel de flexFlow eigenschap in:

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

eigenschapswaarde

waarde beschrijving
flex-direction

Mogelijke waarden:

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

De standaardwaarde is "row".

Stelt de richting van de elastische items in.

flex-wrap

Mogelijke waarden:

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

De standaardwaarde is "nowrap".

Stelt in of de elastische items moeten worden aangepast.

initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouderlijke element. Raadpleeg inherit.

technische details

Standaardwaarde: row nowrap
terugkeerwaarde: een string die de flex-flow eigenschap.
CSS versie: CSS3

browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ondersteuning 11.0 ondersteuning 9.0 ondersteuning

gerelateerde pagina's

HTML DOM STYLE referentiehandleiding:flex eigenschap

HTML DOM STYLE referentiehandleiding:flexBasis eigenschap

HTML DOM STYLE referentiehandleiding:flexDirection eigenschap

HTML DOM STYLE referentiehandleiding:flexGrow eigenschap

HTML DOM STYLE referentiehandleiding:flexShrink eigenschap

HTML DOM STYLE referentiehandleiding:flexWrap eigenschap