Atribut flex-basis CSS

Definisi dan penggunaan

Properti flex-basis menentukan panjang awal item elastis.

Komentar:Jika elemen bukan item elastis, properti flex tidak berlaku.

Lihat juga:

Panduan CSS: Kontainer elastis CSS

Panduan CSS:Properti flex

Panduan CSS:Properti flex-direction

Panduan CSS:Properti flex-flow

Panduan CSS:Properti flex-grow

Panduan CSS:Properti flex-shrink

Panduan CSS:Properti flex-wrap

Panduan HTML DOM:Properti flexBasis

Contoh

Atur panjang awal item elastis kedua menjadi 100 pixel:

div:nth-of-type(2) {
  flex-basis: 100px;
}

Coba sendiri

Syntax CSS

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

Nilai properti

Nilai Deskripsi
number Satuan panjang atau persen, menentukan panjang awal item elastis.
auto Nilai standar. Panjangnya sama dengan panjang item elastis. Jika item ini tidak menentukan panjang, panjangnya akan berdasarkan kontennya.
initial Setel properti ini ke nilai standarnya. Lihat initial.
inherit Mengambil properti ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai standar: auto
Warisan: Tidak
Produksi animasi: Dukung. Lihat:Properti yang berhubungan dengan animasi.
Versi: CSS3
Syntax JavaScript: object.style.flexBasis="200px"

Dukungan Browser

Angka di tabel menunjukkan versi pertama browser yang mendukung properti ini penuh.

Angka yang terdapat di -webkit- atau -moz- menunjukkan versi pertama yang menggunakan prefiks.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0