Style flexWrap -ominaisuus

Määrittely ja käyttö

flexWrap Ominaisuus määrittelee, pitäisikö joustavat elementit vaihtaa rivejä.

Huomioitavaa:Jos elementti ei ole joustava elementti, flexWrap Ominaisuus ei ole kelvollinen.

Katso myös:

CSS viittausoppikirja:flex-wrap -ominaisuus

esimerkki

Jos tarpeen, joustavien elementtien riveittäminen:

document.getElementById("main").style.flexWrap = "wrap";

Kokeile itse

syntaksi

Palauta flexWrap -ominaisuus:

objekti.style.flexWrap

Aseta flexWrap -ominaisuus:

objekti.style.flexWrap = "nowrap|wrap|wrap-reverse|initial|inherit"

ominaisuusarvo

arvo kuvaus
nowrap oletusarvo. Määrittelee, että joustavat elementit eivät vaihda rivejä.
wrap Määrittelee, että joustavat elementit vaihtavat rivejä tarvittaessa.
wrap-reverse Määrittelee, että joustavat elementit vaihtavat rivejä tarvittaessa vastakkaiseen järjestykseen.
initial Aseta tämä ominaisuus sen oletusarvon arvoksi. Katso initial.
inherit Periisi elementistä tämän ominaisuuden arvo. Katso inherit.

tekniset yksityiskohdat

oletusarvo: nowrap
palautusarvo: merkkijono, joka ilmaisee elementin flex-wrap -ominaisuus.
CSS versio: CSS3

selaimesuhteet

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
tuki 11.0 tuki 9.0 tuki

liittyvät sivut

HTML DOM STYLE Viittaus: flex -ominaisuus

HTML DOM STYLE Viittaus: flexBasis -ominaisuus

HTML DOM STYLE Viittaus: flexDirection -ominaisuus

HTML DOM STYLE Viittaus: flexFlow -ominaisuus

HTML DOM STYLE Viittaus: flexGrow -ominaisuus

HTML DOM STYLE Viittaus: flexShrink -ominaisuus