Atribut flex-grow CSS

Rekomendasi Kursus:

Definisi dan Penggunaan

Atribut flex-grow menentukan besarnya penambahan proyek ini terhadap proyek lain di dalam kontainer yang sama.Komentar:

Jika elemen bukan proyek elasti, atribut flex tidak berlaku.

Lihat Juga: Panduan Pelajaran CSS:

Atribut flex-shrinkBokong Elastis CSS

Atribut flex-shrinkAtribut flex

Atribut flex-shrinkAtribut flex-basis

Atribut flex-shrinkAtribut flex-direction

Atribut flex-shrinkAtribut flex-flow

Atribut flex-shrinkPanduan CSS:

Atribut flex-wrapPanduan HTML DOM:

Atribut flexGrow

Contoh

Jadikan lebar proyek kedua tiga kali lipat dari proyek lain di dalam kontainer:
div:nth-of-type(1) {flex-grow: 1;}
div:nth-of-type(2) {flex-grow: 3;}

div:nth-of-type(3) {flex-grow: 1;}

Coba Sendiri

Sintaksa CSS Deskripsiflex-grow:

|initial|inherit;

Nilai Atribut Nilai
Deskripsi number
Atur atribut ini ke nilai default. Lihat: Nilai angka, menentukan besarnya penambahan proyek ini terhadap proyek lain di dalam kontainer. Default adalah 0. Atur atribut ini ke nilai default. Lihat:Atribut-atribut Anima
Mengambil atribut ini dari elemen induk. Lihat: initial Mengambil atribut ini dari elemen induk. Lihat:Atribut-atribut Anima

inherit

Detil Teknologi Nilai Default:
0 Turunan:
Tidak Pembuatan Anima:Dukungan. Lihat:Atribut-atribut Anima
。 Versi:
CSS3 Sintaksa JavaScript:

object.style.flexGrow="5"

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini. Gunakan awalan yang diatur sebelum angka diawal penggunaan.

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