Style flexGrow Özelliği

Tanım ve Kullanım

flexGrow Özellik, projenin aynı kapta bulunan diğer esnek öğelere göre ne kadar artacağını belirler.

Yorum:Eğer element esnek bir öğe değilse flexGrow Özellik Geçersiz.

Ayrıca bakınız:

CSS İpuçlarıflex-grow Özelliği

Örnek

Mavi DIV elementini diğer esnek öğelere göre beş kat büyütme:

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

Kişisel Deneyim

Gramer

flex-grow Özelliğini Dönüşüm Değeri:

object.style.flexGrow

flex-grow Özelliğini Ayarlama:

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

Özellik Değeri

Değer Tanım
number Sayı, projenin diğer esnek projelere göre artış miktarını belirler. Öntanımlı değeri 0'dır.
initial Bu özelliği öntanımlı değerine ayarlar. Ayrıca bakınız initial.
inherit Bu özelliği ebeveyn elementinden miras alır. Ayrıca bakınız inherit.

Teknik Ayrıntılar

Öntanımlı Değer: 0
Dönüşüm Değeri: Dizgi,元素的 flex-grow Özelliği.
CSS Sürümü: CSS3

Tarayıcı Desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destekleniyor 11.0 Destekleniyor 9.0 Destekleniyor

İlgili Sayfalar

HTML DOM STYLE İpuçlarıflex Özelliği

HTML DOM STYLE İpuçlarıflexBasis Özelliği

HTML DOM STYLE İpuçlarıflexDirection Özelliği

HTML DOM STYLE İpuçlarıflexFlow Özelliği

HTML DOM STYLE İpuçlarıflexShrink Özelliği

HTML DOM STYLE İpuçlarıflexWrap Özelliği