flex-basis | Codingku

Properti CSS flex-basis merupakan sub-properti dari modul layout kotak Flexbox.

Properti ini menentukan ukuran awal item flex, sebelum ruang yang tersedia didistribusikan sesuai dengan faktor-faktor flex.

Ketika dihilangkan dari shortend flex (singkatan properti flex), nilai yang ditentukan adalah panjang nol.

Nilai flex-basis diatur ke ukuran auto elemen sesuai dengan properti ukurannya (auto adalah kata kunci otomatis untuk mengukur elemen berdasarkan isinya).

Catatan: Jika elemen bukan item yang fleksibel, properti flex-basis tidak berpengaruh.

CSS Syntax

flex-basis: number | auto | initial | inherit;

JavaScript Syntax

object.style.flexBasis="200px"

Attribute Value

default flex-basis: auto;

Elemen akan secara otomatis diukur berdasarkan isinya, atau pada nilai width dan height apa pun jika ditentukan.

flex-basis: 80px;

Kamu dapat menentukan nilai pixel atau (r)em. Elemen akan membungkus isinya untuk menghindari luapan.