Style flexBasis ominaisuus

Määritelmä ja käyttö

flexBasis Ominaisuus määrittelee joustavan elementin alkuperäisen pituuden.

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

Katso myös:

CSS viittausoppikirja:flex-basis ominaisuus

Esimerkki

Aseta joustavan projektin alkuperäinen pituus 200 pikseeliin:

document.getElementById("myBlueDiv").style.flexBasis = "200px";

Kokeile itse

Syntaksi

Palauta flexBasis ominaisuus:

object.style.flexBasis

Aseta flexBasis ominaisuus:

object.style.flexBasis = "number|auto|initial|inherit"

Ominaisuusarvo

Arvo Kuvaus
number Määritä joustavan projektin alkuperäinen pituus, mittayksikkö tai prosentti.
auto

Oletusarvo. Pituus on sama kuin joustavan projektin pituus.

Jos projektissa ei ole määritelty pituutta, pituus riippuu sisällöstä.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltään. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Palautusarvo: Merkistö, joka ilmaisee elementin flex-basis ominaisuus.
CSS versio: CSS3

Selaimen tuki

Taulukossa olevat numerot ilmoittavat ensimmäisestä selaimesta, joka täysin tukee ominaisuutta.

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

Liittyvät sivut

HTML DOM STYLE viittausoppikirja:flex ominaisuus

HTML DOM STYLE viittausoppikirja:flexDirection ominaisuus

HTML DOM STYLE viittausoppikirja:flexFlow ominaisuus

HTML DOM STYLE viittausoppikirja:flexGrow ominaisuus

HTML DOM STYLE viittausoppikirja:flexShrink ominaisuus

HTML DOM STYLE viittausoppikirja:flexWrap ominaisuus