Örnek
Tüm esnek öğeleri aynı uzunlukta olalım, içeriği regardles:
for (i = 0; i < y.length; i++) {
y[i].style.flex = "1";
}
Kendin dene " Tanımı ve Kullanımı
esnek özellik setleri veya aynı kabın içine flexibel öğelerin geri kalan kısmına göre öğenin uzunluğunu döndürür.
esnek özellik flexGrow, flexShrink ve flexBasis özellikleri için bir kısaltmadır.
Note: eleman esnek bir öğe değilse, esnek özellik hiçbir etkisi olmaz.
Tarayıcı Desteği
esnek özellik Safari dışında tüm büyük tarayıcılarda desteklenir.
Not: Flex özelliği IE 10'da bu özellik öneki MS ile desteklenir, önceki IE 9 desteklenen veya edilmez. IE11 ve daha yeni sürümleri tamamen esnek özelliği (ms öneki gerekmez) destekler.
Not: Safari 6.1 ve sonraki bir alternatif, WebkitFlex özelliğini destekler.
Sözdizimi
esnek özelliğini Dönüş:
object .style.flexesnek özelliğini ayarlayın:
object .style.flex=" Mülkiyet Değerler değer Açıklama flex-grow madde esnek öğelerin geri kalan kısmına göre büyüyecek ne kadar belirten bir sayı flex-shrink madde esnek öğelerin geri kalanına göreli küçüleceği ne kadar belirten bir sayı flex-basis öğenin uzunluğu. Yasal değerler: "auto" , "inherit" veya takip ettiği bir sayı "%" , "px" , "em" ya da başka bir uzunluk birimi auto 1 1 otomatik olarak aynı. initial 0 1 otomatik olarak aynı. İlk hakkında okuyun none 0 0 auto aynı. inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
Teknik detaylar
Varsayılan değer: 0 1 otomatik Geri dönüş değeri: Bir elemanın esnek özelliği temsil eden bir String, CSS Sürüm CSS3
İlgili Sayfalar
CSS 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: flexShrink property
HTML DOM STİL Referans: flexWrap property
<Stil Nesne