Style flexFlow ominaisuus

Määrittely ja käyttö

flexFlow Ominaisuus on flexDirection ja flexWrap Ominaisuuden lyhennetty muoto.

flexDirection Ominaisuus määrittää joustavien elementtien suunnan.

flexWrap Ominaisuus määrittää, tulisiko joustaville elementeille vaihtaa rivejä.

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

Katso myös:

CSS viittausoppaat:flex-flow ominaisuus

Esimerkki

Näytä joustavat elementit sarakkeina eikä vaihda rivejä:

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

Kokeile itse

Syntaksi

Palauta flexFlow ominaisuus:

object.style.flexFlow

Aseta flexFlow ominaisuus:

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

Ominaisuusarvo

Arvo Kuvaus
flex-direction

Mahdolliset arvot:

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

Oletusarvo on "row".

Määrittää joustavien elementtien suunnan.
flex-wrap

Mahdolliset arvot:

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

Oletusarvo on "nowrap".

Määrittää, tulisiko joustaville elementeille vaihtaa rivejä.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden isältään. Katso inherit.

Tekninen yksityiskohta

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

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee ominaisuutta täysin.

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

Liittyvät sivut

HTML DOM STYLE viittausoppaat:flex ominaisuus

HTML DOM STYLE viittausoppaat:flexBasis ominaisuus

HTML DOM STYLE viittausoppaat:flexDirection ominaisuus

HTML DOM STYLE viittausoppaat:flexGrow ominaisuus

HTML DOM STYLE viittausoppaat:flexShrink ominaisuus

HTML DOM STYLE viittausoppaat:flexWrap ominaisuus