The flex-basisproperti adalah sub-properti dari modul Fleksibel Box Layout.
Ini menentukan ukuran awal item flex, sebelum ruang yang tersedia didistribusikan sesuai dengan faktor flex. Ketika dihilangkan dari flexsingkatan, nilai yang ditentukan adalah panjang nol.
Nilai basis-fleksibel diatur untuk automengukur elemen sesuai dengan properti ukurannya (yang bisa menjadi kata kunci auto, yang mengukur elemen berdasarkan isinya).
Sintaksis
flex-basis: .flex-item ( flex-basis: 100px; )Harap dicatat bahwa untuk lebar apapun, panjang negatif tidak valid.
Demo
Dukungan Browser
- (modern) berarti sintaks terbaru dari spesifikasi (misalnya
display: flex;) - (hybrid) berarti sintaks tidak resmi ganjil dari 2011 (misalnya
display: flexbox;) - (lama) berarti sintaks lama dari 2009 (misalnya
display: box;)
| Chrome | Safari | Firefox | Opera | YAITU | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (modern) 20- (lama) | 3.1+ (lama) | 2-21 (lama) 22+ (baru) | 12.1+ (modern) | 10+ (hibrida) | 2.1+ (lama) | 3,2+ (lama) |
Browser Blackberry 10+ mendukung sintaks baru.
Untuk informasi lebih lanjut tentang cara mencampur sintaks untuk mendapatkan dukungan browser terbaik, silakan lihat artikel ini (Trik CSS) atau artikel ini (DevOpera).