Properti Style flexGrow

Definisi dan Penggunaan

flexGrow Properti menentukan berapa banyak elipsis akan tumbuh berbanding dengan elipsis lainnya di dalam wadah yang sama.

Komentar:Jika elemen bukan elipsis, maka flexGrow Properti tidak sah.

Lihat Juga:

Referensi CSS:flex-grow

Contoh

Biarkan elemen DIV biru tumbuh lima kali dibandingkan dengan elipsis lainnya:

document.getElementById("myBlueDiv").style.flexGrow = "5";

Coba Sendiri

Syntax

Kembalian properti flexGrow:

object.style.flexGrow

Setel properti flexGrow:

object.style.flexGrow = "number|initial|inherit"

Nilai Properti

Nilai Deskripsi
number Angka, menentukan penambahan properti elipsis berbanding dengan elipsis lainnya. Nilai defaultnya adalah 0.
initial Setel properti ini ke nilai defaultnya. Lihat initial.
inherit Mengambil properti ini dari elemen induknya. Lihat inherit.

Detil Teknis

Nilai Default: 0
Kembalian: String, menunjukkan flex-grow.
Versi CSS: CSS3

Dukungan Browser

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan 11.0 Dukungan 9.0 Dukungan

Halaman yang berhubungan

HTML DOM STYLE Referensi:flex

HTML DOM STYLE Referensi:flexBasis

HTML DOM STYLE Referensi:flexDirection

HTML DOM STYLE Referensi:flexFlow

HTML DOM STYLE Referensi:flexShrink

HTML DOM STYLE Referensi:flexWrap