Style flexDirection eigenschap

definitie en gebruik

flexDirection Instellen of retourneren van de richting van het elastische item.

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

Zie ook:

CSS referentiehandleiding:flex-direction eigenschap

voorbeeld

Heroriëntatie van de richting van de elastische items binnen de <div> elementen:

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

Probeer het zelf

syntaxis

teruggegeven flexDirection eigenschap:

object.style.flexDirection

Instellen van de flexDirection eigenschap:

object.style.flexDirection = "rij|rij-omgekeerd|kolom|kolom-omgekeerd|initial|inherit"

eigenschapswaarde

waarde beschrijving
rij standaardwaarde. Elastische items horizontaal weergegeven, als een rij.
row-reverse hetzelfde als rij, maar in omgekeerde volgorde.
column Elastische items verticaal weergegeven, als een kolom.
column-reverse hetzelfde als column, maar in omgekeerde volgorde.
initial Deze eigenschap ingesteld op zijn standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erfgenomen van de ouderlijke element. Raadpleeg inherit.

technische details

standaardwaarde: rij
teruggegeven waarde: een string die de elementen flex-direction 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:flexFlow eigenschap

HTML DOM STYLE referentiehandleiding:flexGrow eigenschap

HTML DOM STYLE referentiehandleiding:flexShrink eigenschap

HTML DOM STYLE referentiehandleiding:flexWrap eigenschap