En son web geliştirme öğreticiler
 

Style flexGrow Property

<Stil Nesne

Ö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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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