tutorial pengembangan web terbaru
 

Style flexGrow Property

<Style Object

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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