Örnek
mavi DIV elemanı esnek öğelerin geri kalanından daha beş kat daha fazla küçültmek edelim:
document.getElementById("myBlueDiv".style.flexShrink = "5"; Kendin dene " Tanımı ve Kullanımı
flexShrink item özelliği aynı kabın içine esnek öğelerin geri kalanına göreli küçüleceği nasıl belirtir.
Note: eleman flexShrink özelliği etkisi yoktur, esnek bir madde değilse.
Tarayıcı Desteği
flexShrink özellik IE10 +, Firefox, Opera ve Chrome desteklenir.
Not: Safari 6.1 ve sonraki bir alternatif, WebkitFlexShrink özelliğini destekler.
Sözdizimi
flexShrink özelliğini Dönüş:
object .style.flexShrink flexShrink özelliğini ayarlayın:
object .style.flexShrink=" Mülkiyet Değerler değer Açıklama number madde esnek öğelerin geri kalanına göreli küçüleceği 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: 1 Geri dönüş değeri: bir elemanın esnek büzülme özelliğini temsil eden bir String, CSS Sürüm CSS3
İlgili Sayfalar
CSS referansı: flex-shrink 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: flexGrow property
HTML DOM STİL Referans: flexWrap property
<Stil Nesne