Tato flex-basisvlastnost je dílčí vlastností modulu Flexibilní rozvržení krabice.
Určuje počáteční velikost položky flexu, než se jakýkoli dostupný prostor rozdělí podle faktorů flexu. Při vynechání ze flexzkratky je její zadanou hodnotou délka nula.
Hodnota flex-base nastavená na autovelikost prvku podle jeho vlastnosti size (což může být samo o sobě klíčové slovo auto, které dimenzuje prvek na základě jeho obsahu).
Syntax
flex-basis: .flex-item ( flex-basis: 100px; )Pamatujte, že stejně jako u jakékoli šířky jsou záporné délky neplatné.
Ukázka
Podpora prohlížeče
- (moderní) znamená nedávnou syntaxi ze specifikace (např.
display: flex;) - (hybrid) znamená lichou neoficiální syntaxi z roku 2011 (např.
display: flexbox;) - (old) znamená starou syntaxi z roku 2009 (např.
display: box;)
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (moderní) 20- (starý) | 3.1+ (starý) | 2-21 (starý) 22+ (nový) | 12.1+ (moderní) | 10+ (hybridní) | 2.1+ (starý) | 3.2+ (starý) |
Prohlížeč Blackberry 10+ podporuje novou syntaxi.
Další informace o tom, jak kombinovat syntaxe s cílem získat nejlepší podporu prohlížeče, najdete v tomto článku (CSS-Tricks) nebo v tomto článku (DevOpera).