Stijl flexFlow Eigenschap
Voorbeeld
Zorg ervoor dat de flexibele items in kolommen worden weergegeven en niet worden ingepakt:
document.getElementById("main").style.flexFlow = "column nowrap";
Definitie en gebruik
De eigenschap flexFlow is een verkorte eigenschap voor de eigenschappen flexDirection en flexWrap.
De eigenschap flexDirection specificeert de richting van de flexibele items.
De eigenschap flexWrap geeft aan of de flexibele artikelen al dan niet moeten worden ingepakt.
Opmerking: Als de elementen geen flexibele items zijn, heeft de eigenschap flexFlow geen effect.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
flexFlow | Yes | 11.0 | Yes | 9.0 | Yes |
Syntaxis
Retourneer de eigenschap flexFlow:
object.style.flexFlow
Stel de eigenschap flexFlow in:
object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"
Eigendomswaarden
Value | Description |
---|---|
flex-direction | Possible values: row row-reverse column column-reverse initial inherit Default value is "row". Specifying the direction of the flexible items |
flex-wrap | Possible values: nowrap wrap wrap-reverse initial inherit Default value is "nowrap". Specifying whether the flexible items should wrap or not |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische details
Standaardwaarde: | rij nurap |
---|---|
Winstwaarde: | Een tekenreeks, die de eigenschap flex-flow van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS-referentie: eigenschap flex-flow
HTML DOM STYLE Referentie: flex eigenschap
HTML DOM STYLE Referentie: flexBasis eigenschap
HTML DOM STYLE Referentie: flexDirection eigenschap
HTML DOM STYLE Referentie: flexGrow eigenschap
HTML DOM STYLE Referentie: flexShrink eigenschap
HTML DOM STYLE Referentie: flexWrap eigenschap
❮ Stijlobject