CSS flex-flow egenskab

Definition og brug

flex-flow egenskaben er en forkortelse for følgende egenskaber:

Kommentar:Hvis elementet ikke er et elastisk element, er flex egenskaben ugyldig.

Se også:

CSS tutorial:CSS elastisk ramme

CSS reference manual:flex egenskab

CSS reference manual:flex-direction egenskab

CSS reference manual:flex-basis egenskab

CSS reference manual:flex-grow egenskab

CSS reference manual:flex-shrink egenskab

CSS reference manual:flex-wrap egenskab

HTML DOM reference manual:flexFlow egenskab

Eksempel

Vis elastiske elementer i omvendt retning og skift rækker, når det er nødvendigt:

div {
  display: flex;
  flex-flow: row-reverse wrap;
}

Prøv det selv

CSS syntaks

flex-flow: flex-direction flex-wrap|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
flex-direction

Mögliche værdier:

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

Standardværdien er "row".

Bestemmer retningen af elastiske elementer.
flex-wrap

Mögliche værdier:

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

Standardværdien er "nowrap".

Bestemmer, om elastiske elementer skal omregnes.
initial Sæt denne egenskab til dens standardværdi. Se: initial.
inherit Arv denne egenskab fra sin forældrelige element. Se: inherit.

Tekniske detaljer

Standardværdi: row nowrap
Arv: Nej
Animation production: Ikke understøttet. Se:Animationsegenskaber.
Version: CSS3
JavaScript syntaks: object.style.flexFlow="column nowrap"

Browserstøtte

Tabelen angiver den første browserversion, der fuldt ud understøtter egenskaben.

Tabelene indeholder den første browserversion, der fuldt ud understøtter egenskaben med præfikset -webkit-, -ms- eller -moz-.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0