Az flex-basisingatlan a Flexible Box Layout modul egyik al-tulajdonsága.
Megadja a flex elem kezdeti méretét, mielőtt a rendelkezésre álló hely elosztásra kerül a flex tényezők szerint. A flexgyorsírásból elhagyva a megadott érték a nulla hosszúság.
A rugalmas alapú érték, amely autoaz elemet méret tulajdonságának megfelelően méretezi (amely maga lehet a kulcsszó auto, amely az elemet a tartalma alapján méretezi).
Szintaxis
flex-basis: .flex-item ( flex-basis: 100px; )Felhívjuk figyelmét, hogy mint bármely szélességnél, a negatív hosszúság is érvénytelen.
Demó
Böngésző támogatás
- (modern): a specifikáció legújabb szintaxisa (pl.
display: flex;) - (hibrid) furcsa, nem hivatalos szintaxist jelent 2011-től (pl.
display: flexbox;) - (régi) a 2009-es régi szintaxist jelenti (pl.
display: box;)
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (modern) 20 - (régi) | 3.1+ (régi) | 2–21 (régi) 22+ (új) | 12,1+ (modern) | 10+ (hibrid) | 2.1+ (régi) | 3,2+ (régi) |
A Blackberry 10+ böngésző támogatja az új szintaxist.
A szintaxisok keverésével kapcsolatos további információkért a legjobb böngésző-támogatás érdekében olvassa el ezt a cikket (CSS-trükkök) vagy ezt a cikket (DevOpera).