Örnek
mavi DIV elemanı esnek öğelerin geri kalanından daha geniş, beş kat büyümesi edelim:
document.getElementById("myBlueDiv".style.flexGrow = "5";
Kendin dene " Tanımı ve Kullanımı
flexGrow item özelliği aynı kabın içine esnek öğelerin geri kalan kısmına göre büyüyecek ne kadar belirtir.
Note: eleman flexGrow özelliği etkisi yoktur, esnek bir madde değilse.
Tarayıcı Desteği
flexGrow özellik IE10 +, Firefox, Opera ve Chrome desteklenir.
Not: Safari 6.1 ve sonraki bir alternatif, WebkitFlexGrow özelliğini destekler.
Sözdizimi
flexGrow özelliğini Dönüş:
object .style.flexGrow
flexGrow özelliğini ayarlayın:
object .style.flexGrow=" Mülkiyet Değerler değer Açıklama number madde esnek öğelerin geri kalan kısmına göre büyüyecek ne kadar belirten bir sayı. Varsayılan değeri 0'dır initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
Teknik detaylar
Varsayılan değer: 0 Geri dönüş değeri: Bir elemanın esnek-büyümek özelliğini temsil eden bir dize, CSS Sürüm CSS3
İlgili Sayfalar
CSS referansı: flex-grow property
HTML DOM STİL Referans: flex property
HTML DOM STİL Referans: flexBasis property
HTML DOM STİL Referans: flexDirection property
HTML DOM STİL Referans: flexFlow property
HTML DOM STİL Referans: flexShrink property
HTML DOM STİL Referans: flexWrap property
<Stil Nesne