Style atribut flexBasis
- Halaman Sebelumnya flex
- Halaman Berikutnya flexDirection
- Kembali ke Lapisan Atas Objek Style HTML DOM
Definisi dan Penggunaan
flexBasis
Atribut menentukan panjang awal item elasti.
Keterangan:Jika elemen bukan item elasti, maka flexBasis
Atribut tak valid.
Lihat Juga:
Panduan Referensi CSS:flex-basis
Contoh
Atur panjang awal item elasti menjadi 200 piksel:
document.getElementById("myBlueDiv").style.flexBasis = "200px";
Sintaks
Kembalikan atribut flexBasis:
object.style.flexBasis
Atur atribut flexBasis:
object.style.flexBasis = "number|auto|initial|inherit"
Nilai atribut
Nilai | Deskripsi |
---|---|
number | Tentukan panjang awal item elasti, satuan panjang atau persen. |
auto |
Nilai standar. Panjang sama dengan panjang item elasti. Jika item tidak menentukan panjang, panjangnya tergantung pada kontennya. |
initial | Atur atribut ini ke nilai standarnya. Lihat initial. |
inherit | Mengambil atribut ini dari elemen induknya. Lihat inherit. |
Detil Teknologi
Nilai standar: | auto |
---|---|
Nilai kembalian: | String, menunjukkan elemen flex-basis. |
Versi CSS: | CSS3 |
Dukungan Browser
Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Dukungan | 11.0 | Dukungan | 9.0 | Dukungan |
Halaman yang berhubungan
Panduan Referensi DOM STYLE HTML:flex
Panduan Referensi DOM STYLE HTML:flexDirection
Panduan Referensi DOM STYLE HTML:flexFlow
Panduan Referensi DOM STYLE HTML:flexGrow
Panduan Referensi DOM STYLE HTML:flexShrink
Panduan Referensi DOM STYLE HTML:flexWrap
- Halaman Sebelumnya flex
- Halaman Berikutnya flexDirection
- Kembali ke Lapisan Atas Objek Style HTML DOM