Style flexDirection ominaisuus

Määritelmä ja käyttö

flexDirection Asettaa tai palauttaa joustavan elementin suunnan.

Huomautus:Jos elementti ei ole joustava elementti, flexDirection Ominaisuus ei ole kelvollinen.

Katso myös:

CSS viittausflex-direction ominaisuus

Esimerkki

Uudelleenjärjestä div-elementin sisällä olevien joustavien elementtien suunta:

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

Kokeile itse

Syntaksi

Palauta flex-direction ominaisuus:

objekti.style.flexDirection

Aseta flex-direction ominaisuus:

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

Ominaisuusarvo

Arvo Kuvaus
row Oletusarvo. Joustavat elementit näytetään horisontaalisesti yhtenä行.
row-reverse Kuten row, mutta järjestyksessä vastakkaisessa suhteessa.
column Joustavat elementit näytetään vertikaalisesti yhtenä列.
column-reverse Kuten column, mutta järjestyksessä vastakkaisessa suhteessa.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltään. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: row
Palautusarvo: Merkistö, joka ilmaisee elementin flex-direction ominaisuus.
CSS versio: CSS3

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen täysin tukevan selaimen version.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki 11.0 Tuki 9.0 Tuki

Liittyvät sivut

HTML DOM STYLE viittausflex ominaisuus

HTML DOM STYLE viittausflexBasis ominaisuus

HTML DOM STYLE viittausflexFlow ominaisuus

HTML DOM STYLE viittausflexGrow ominaisuus

HTML DOM STYLE viittausflexShrink ominaisuus

HTML DOM STYLE viittausflexWrap ominaisuus