Den flex-basisegenskab er en sub-egenskab af Flexible Box layout modul.
Den specificerer flex-elementets indledende størrelse, inden ledig plads fordeles i henhold til flex-faktorerne. Når den udelades fra flexstenografien, er dens angivne værdi længden nul.
En fleks-basisværdi indstillet til autostørrelser af elementet i henhold til dets størrelsesegenskab (som i sig selv kan være nøgleordet auto, som størrelser elementet baseret på dets indhold).
Syntaks
flex-basis: .flex-item ( flex-basis: 100px; )Bemærk, at som for enhver bredde er negative længder ugyldige.
Demo
Browsersupport
- (moderne) betyder den nylige syntaks fra specifikationen (f.eks.
display: flex;) - (hybrid) betyder en ulige uofficiel syntaks fra 2011 (f.eks.
display: flexbox;) - (gammel) betyder den gamle syntaks fra 2009 (f.eks.
display: box;)
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (moderne) 20- (gamle) | 3.1+ (gammel) | 2-21 (gammel) 22+ (ny) | 12.1+ (moderne) | 10+ (hybrid) | 2.1+ (gammel) | 3.2+ (gammel) |
Blackberry browser 10+ understøtter den nye syntaks.
For mere information om, hvordan man blander syntakser for at få den bedste browsersupport, henvises til denne artikel (CSS-Tricks) eller denne artikel (DevOpera).