CSS joustava perusleveys ominaisuus

Määrittely ja käyttö

flex-basis-ominaisuus määrittää joustavan elementin alkuperäisen pituuden.

Huomautus:Jos elementti ei ole joustava elementti, flex-ominaisuus on voimaton.

Lisäksi:

CSS -opas: CSS joustavuuskehykset

CSS -viittausopas:flex-ominaisuus

CSS -viittausopas:flex-direction-ominaisuus

CSS -viittausopas:flex-flow-ominaisuus

CSS -viittausopas:flex-grow-ominaisuus

CSS -viittausopas:flex-shrink-ominaisuus

CSS -viittausopas:flex-wrap-ominaisuus

HTML DOM -viittausopas:flexBasis-ominaisuus

esimerkki

Aseta toisen joustavan elementin alkuperäinen pituus 100 pikseeliin:

div:nth-of-type(2) {
  flex-basis: 100px;
}

Kokeile itse

CSS-grammatiikka

flex-basis: number|auto|initial|inherit;

ominaisuusarvo

arvo kuvaus
number Pituusyksikkö tai prosentti, joka määrittää joustavan elementin alkuperäisen pituuden.
auto Oletusarvo. Pituus on sama kuin joustavan elementin pituus. Jos tätä elementtiä ei ole määritelty pituudella, pituus määritetään sen sisällön perusteella.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit Tämä ominaisuus peritään vanhemmalta elementiltä. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Perintä: Ei
Animaation tekeminen: Tuki. Katso:Animaatiot ja siihen liittyvät ominaisuudet.
Versio: CSS3
JavaScript-grammatiikka: object.style.flexBasis="200px"

Selaimen tuki

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

Numerot, jotka sisältävät -webkit- tai -moz-, osoittavat ensimmäistä versiota, jossa etuliite käytetään.

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