Style flexDirection egenskab

definere og bruge

flexDirection Indstil eller returner retningen af elastiske elementer.

kommentar:Hvis elementet ikke er et elastisk element, så flexDirection Egenskaben er ugyldig.

Se også:

CSS reference manual:flex-direction egenskab

eksempel

Omdan retningen af elastiske elementer inden for <div>-elementet:

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

Prøv det selv

syntaks

Returner flexDirection egenskab:

object.style.flexDirection

Indstil flexDirection egenskab:

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

egenskabsværdi

værdi beskrivelse
row standardværdi. Elastiske elementer vises vandret som en række.
row-reverse som row, men i omvendt rækkefølge.
column Vis elastiske elementer lodret som en kolonne.
column-reverse som column, men i omvendt rækkefølge.
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arv denne egenskab fra forældrelementet. Se inherit.

tekniske detaljer

standardværdi: row
return værdi: streng, der repræsenterer elementets flex-direction egenskab.
CSS version: CSS3

browser understøttelse

Tallene i tabellen angiver den første version af browseren, der fuldt ud understøtter egenskaben.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
understøttelse 11.0 understøttelse 9.0 understøttelse

relaterede sider

HTML DOM STYLE reference manual:flex egenskab

HTML DOM STYLE reference manual:flexBasis egenskab

HTML DOM STYLE reference manual:flexFlow egenskab

HTML DOM STYLE reference manual:flexGrow egenskab

HTML DOM STYLE reference manual:flexShrink egenskab

HTML DOM STYLE reference manual:flexWrap egenskab