Den flex-basisegenskapen er en under egenskap av Flexible Box Layout modul.
Den spesifiserer den opprinnelige størrelsen på flex-elementet, før ledig plass fordeles i henhold til flex-faktorene. Når den er utelatt fra flexforkortelsen, er den angitte verdien lengden null.
En fleksibel basisverdi satt til autostørrelser på elementet i henhold til størrelsesegenskapen (som i seg selv kan være nøkkelordet auto, som størrelser på elementet basert på innholdet).
Syntaks
flex-basis: .flex-item ( flex-basis: 100px; )Vær oppmerksom på at som for enhver bredde, er negative lengder ugyldige.
Demo
Nettleserstøtte
- (moderne) betyr den nylige syntaksen fra spesifikasjonen (f.eks.
display: flex;) - (hybrid) betyr en merkelig uoffisiell syntaks fra 2011 (f.eks.
display: flexbox;) - (gammel) betyr den gamle syntaksen fra 2009 (f.eks.
display: box;)
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (moderne) 20- (gammel) | 3.1+ (gammel) | 2-21 (gammel) 22+ (ny) | 12.1+ (moderne) | 10+ (hybrid) | 2.1+ (gammel) | 3.2+ (gammel) |
Blackberry browser 10+ støtter den nye syntaksen.
For mer informasjon om hvordan du blander syntakser for å få best nettleserstøtte, se denne artikkelen (CSS-Tricks) eller denne artikkelen (DevOpera).