Style flexFlow egenskab

definition og brug

flexFlow egenskaben er flexDirection og flexWrap egenskabens kortform.

flexDirection Egenskaben bestemmer retningen af elastiske elementer.

flexWrap Egenskaben bestemmer om elastiske elementer skal brydes over linjer.

kommentar:hvis elementet ikke er et elastisk element, flexFlow Egenskaben er ugyldig.

Se også:

CSS referencemanual:flex-flow egenskab

eksempel

Vis elastiske elementer i kolonner og uden at bryde over linjer:

document.getElementById("main").style.flexFlow = "column nowrap";

Prøv det selv

syntaks

Returner flexFlow egenskab:

object.style.flexFlow

Indstil flexFlow egenskab:

object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"

egenskabsværdi

værdi beskrivelse
flex-direction

Mulige værdier:

  • row
  • row-reverse
  • column
  • column-reverse
  • initial
  • inherit

Standardværdien er "row".

bestemmer retningen af elastiske elementer.
flex-wrap

Mulige værdier:

  • nowrap
  • wrap
  • wrap-reverse
  • initial
  • inherit

Standardværdien er "nowrap".

bestemmer om elastiske elementer skal brydes over linjer.
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 nowrap
Returværdi: streng, der repræsenterer elementets flex-flow egenskab.
CSS version: CSS3

browserunderstøttelse

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

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

relaterede sider

HTML DOM STYLE referencemanual:flex egenskab

HTML DOM STYLE referencemanual:flexBasis egenskab

HTML DOM STYLE referencemanual:flexDirection egenskab

HTML DOM STYLE referencemanual:flexGrow egenskab

HTML DOM STYLE referencemanual:flexShrink egenskab

HTML DOM STYLE referencemanual:flexWrap egenskab