Ši flex-basisnuosavybė yra „Flexible Box Layout“ modulio sub-ypatybė.
Jame nurodomas pradinis lankstaus elemento dydis, prieš paskirstant laisvą vietą pagal lankstumo koeficientus. Išbraukus iš flexstenografijos, jo nurodyta vertė yra ilgis nulis.
Lankstaus pagrindo reikšmė, nustatanti autoelemento dydį pagal jo dydžio savybę (kuris pats gali būti raktinis žodis auto, kuris dydį sudaro pagal jo turinį).
Sintaksė
flex-basis: .flex-item ( flex-basis: 100px; )Atkreipkite dėmesį, kad kaip ir bet kokio pločio atveju, neigiami ilgiai yra netinkami.
Demonstracija
Naršyklės palaikymas
- (moderni) reiškia naujausią sintaksę iš specifikacijos (pvz.
display: flex;) - (hibridas) reiškia nelyginę neoficialią sintaksę nuo 2011 m. (pvz.
display: flexbox;) - (senas) reiškia seną sintaksę nuo 2009 m. (pvz.
display: box;)
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| 21+ (modernus) 20- (senas) | 3.1+ (senas) | 2–21 (senas) 22+ (naujas) | 12.1+ (moderni) | 10+ (hibridas) | 2.1+ (senas) | 3,2+ (senas) |
„Blackberry“ naršyklė 10+ palaiko naują sintaksę.
Norėdami gauti daugiau informacijos apie tai, kaip maišyti sintakses, kad gautumėte geriausią naršyklės palaikymą, žr. Šį straipsnį (CSS-Tricks) arba šį straipsnį (DevOpera).