Latest web development tutorials

Properti HTML DOM Style flexGrow

Gaya Referensi Obyek gaya Objects

contoh

Biarkan elemen DIV biru diperpanjang untuk proyek fleksibel lainnya lima kali:

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

Coba »

Definisi dan Penggunaan

Atribut flexGrow menentukan proyek akan fleksibel sehubungan dengan barang-barang lainnya ekspansi volume wadah yang sama.

Catatan: Jika elementidak item fleksibel, properti flexGrow tidak bekerja.


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox, Opera dan Chrome mendukung properti flexGrow.


tatabahasa

Kembali sifat flexGrow:

object .style.flexGrow

Pengaturan properti flexGrow:

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

Nilai properti

描述
number 一个数字,规定项目将相对于其他灵活的项目进行扩展的量。默认值是 0。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

rincian teknis

default: 0
Pengembalian: String mewakili atribut flex-tumbuh dari elemen.
versi CSS CSS3


Artikel terkait

Referensi CSS: Flex-Tumbuh properti

HTML DOM STYLE Referensi: Flex Properti

HTML DOM STYLE Referensi: properti flexBasis

HTML DOM STYLE Referensi: properti flexDirection

HTML DOM STYLE Referensi: properti FlexFlow

HTML DOM STYLE Referensi: properti flexShrink

HTML DOM STYLE Referensi: properti flexWrap


Gaya Referensi Obyek gaya Objects