flex-basisMülkiyet Esnek Kutu Düzeni modülünün bir alt özelliktir.
Herhangi bir kullanılabilir alan esnek faktörlere göre dağıtılmadan önce esnek öğenin başlangıç boyutunu belirtir. Steno'dan çıkarıldığında flex, belirtilen değeri sıfır uzunluğudur.
autoÖğeyi size özelliğine göre boyutlandırmak için esnek tabanlı bir değer ayarlanmıştır (bu auto, öğeyi içeriğine göre boyutlandıran anahtar kelime olabilir ).
Sözdizimi
flex-basis: .flex-item ( flex-basis: 100px; )Lütfen her genişlikte olduğu gibi, negatif uzunlukların geçersiz olduğunu unutmayın.
Demo
Tarayıcı Desteği
- (modern), spesifikasyondaki son sözdizimi anlamına gelir (örneğin
display: flex;) - (karma), 2011'den kalma garip bir resmi olmayan sözdizimi anlamına gelir (örneğin
display: flexbox;) - (eski), 2009'daki eski sözdizimi anlamına gelir (örneğin
display: box;)
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (modern) 20- (eski) | 3.1+ (eski) | 2-21 (eski) 22+ (yeni) | 12.1+ (modern) | 10+ (karma) | 2.1+ (eski) | 3.2+ (eski) |
Blackberry tarayıcı 10+ yeni sözdizimini destekler.
En iyi tarayıcı desteğini elde etmek için sözdizimlerinin nasıl karıştırılacağı hakkında daha fazla bilgi için, lütfen bu makaleye (CSS Hileleri) veya bu makaleye (DevOpera) bakın.