Style flexDirection egenskap

Definition och användning

flexDirection Sätter eller returnerar riktningen för elastiska objektet.

Kommentar:Om elementet inte är ett elastiskt objekt, då flexDirection Egenskapen är ogiltig.

Se också:

CSS referenshandbok:flex-direction egenskap

Exempel

Omorganisera riktningen av elastiska elementen inom <div>-elementet:

document.getElementById("main").style.flexDirection = "column-reverse";

Prova själv

Syntax

Returnera flex-direction egenskap:

object.style.flexDirection

Ställ in flex-direction egenskap:

object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"

Egenskapsvärde

Värde Beskrivning
row Standardvärde. Elastiska objekt visas horisontellt som en rad.
row-reverse Liksom row, men i omvänd ordning.
column Visar elastiska objekt vertikalt som en kolumn.
column-reverse Liksom column, men i omvänd ordning.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Inherritar denna egenskap från sin föräldrelement. Se inherit.

Tekniska detaljer

Standardvärde: row
Returvärde: Sträng, som anger elementets flex-direction egenskap.
CSS version: CSS3

Webbläsarstöd

Talen i tabellen anger den första webbläsarens version som helt stöder egenskapen.

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:flexFlow egenskap

HTML DOM STYLE referenshandbok:flexGrow egenskap

HTML DOM STYLE referenshandbok:flexShrink egenskap

HTML DOM STYLE referenshandbok:flexWrap egenskap