Contoh
Biarkan elemen DIV biru tumbuh lima kali lebih lebar dari sisa item yang fleksibel:
document.getElementById("myBlueDiv".style.flexGrow = "5";
Cobalah sendiri " Definisi dan Penggunaan
Properti flexGrow menentukan berapa banyak item akan tumbuh relatif terhadap sisa barang-barang yang fleksibel di dalam wadah yang sama.
Note: Jika elemen bukan barang yang fleksibel, properti flexGrow tidak berpengaruh.
Dukungan Browser
Properti flexGrow didukung dalam IE10 +, Firefox, Opera, dan Chrome.
Catatan: Safari 6.1+ mendukung alternatif, properti WebkitFlexGrow.
Sintaksis
Kembali properti flexGrow:
object .style.flexGrow
Mengatur properti flexGrow:
object .style.flexGrow=" Nilai properti Nilai Deskripsi number Sejumlah menentukan berapa banyak item akan tumbuh relatif terhadap sisa barang-barang yang fleksibel. Nilai default adalah 0 initial Set properti ini ke nilai default. Baca tentang awal inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi
Rincian teknis
Nilai default: 0 Kembali Nilai: Sebuah String, yang mewakili properti flex-tumbuh dari unsur CSS Versi CSS3
Pages terkait
Referensi CSS: flex-grow property
HTML DOM STYLE Referensi: flex property
HTML DOM STYLE Referensi: flexBasis property
HTML DOM STYLE Referensi: flexDirection property
HTML DOM STYLE Referensi: flexFlow property
HTML DOM STYLE Referensi: flexShrink property
HTML DOM STYLE Referensi: flexWrap property
<Style Object