flex-basisProprietatea este o sub-proprietate a modulului flexibil Box Layout.
Specifică dimensiunea inițială a elementului flex, înainte ca orice spațiu disponibil să fie distribuit în funcție de factorii flex. Când este omisă din flexstenogramă, valoarea sa specificată este lungimea zero.
O valoare flexibilă setată pentru automărimea elementului în funcție de proprietatea sa de mărime (care poate fi el însuși cuvântul cheie auto, care mărește elementul pe baza conținutului său).
Sintaxă
flex-basis: .flex-item ( flex-basis: 100px; )Vă rugăm să rețineți că, la fel ca pentru orice lățime, lungimile negative sunt nevalide.
Demo
Suport pentru browser
- (modern) înseamnă sintaxa recentă din specificație (de exemplu
display: flex;) - (hibrid) înseamnă o sintaxă neoficială ciudată din 2011 (de exemplu
display: flexbox;) - (vechi) înseamnă sintaxa veche din 2009 (de exemplu
display: box;)
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (modern) 20- (vechi) | 3.1+ (vechi) | 2-21 (vechi) 22+ (nou) | 12.1+ (modern) | 10+ (hibrid) | 2.1+ (vechi) | 3.2+ (vechi) |
Browserul Blackberry 10+ acceptă noua sintaxă.
Pentru mai multe informații despre cum să amestecați sintaxele pentru a obține cea mai bună asistență pentru browser, vă rugăm să consultați acest articol (CSS-Tricks) sau acest articol (DevOpera).