flex-basisOminaisuus on osa-ominaisuus Flexible Box Asettelu moduuli.
Se määrittää joustokohteen alkuperäisen koon, ennen kuin käytettävissä oleva tila jaetaan joustokertoimien mukaan. Kun se jätetään pois flexlyhenteestä, sen määritetty arvo on pituus nolla.
Joustopohjainen arvo, joka asettaa autoelementin koon sen koon ominaisuuden mukaan (joka voi itse olla avainsana auto, joka koontaa elementin sen sisällön perusteella).
Syntaksi
flex-basis: .flex-item ( flex-basis: 100px; )Huomaa, että kuten minkä tahansa leveyden kohdalla, negatiiviset pituudet ovat virheellisiä.
Demo
Selaimen tuki
- (moderni) tarkoittaa viimeisintä syntaksia spesifikaatiosta (esim.
display: flex;) - (hybridi) tarkoittaa outoa epävirallista syntaksia vuodelta 2011 (esim.
display: flexbox;) - (vanha) tarkoittaa vanhaa syntaksia vuodelta 2009 (esim.
display: box;)
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (moderni) 20 - (vanha) | 3.1+ (vanha) | 2-21 (vanha) 22+ (uusi) | 12.1+ (moderni) | 10+ (hybridi) | 2.1+ (vanha) | 3.2+ (vanha) |
Blackberry-selain 10+ tukee uutta syntaksia.
Lisätietoja syntaksien sekoittamisesta parhaan selaintuen saamiseksi on tässä artikkelissa (CSS-Tricks) tai tässä artikkelissa (DevOpera).