Örnek
sütunlarda esnek ürün ekranı ve hiçbir sarma yapın:
document.getElementById("main").style.flexFlow = "column nowrap"; Kendin dene " Tanımı ve Kullanımı
FlexFlow mülkiyet flexDirection ve flexWrap özellikleri için kullanılan bir kestirme niteliktir.
flexDirection mülkiyet esnek öğelerin yönünü belirtir.
flexWrap özelliği esnek ürün sarmak veya olmasın gerekip gerekmediğini belirtir.
Note: elementler esnek ürün değilse, FlexFlow özellik hiçbir etkisi olmaz.
Tarayıcı Desteği
FlexFlow özellik IE10 +, Firefox, Opera ve Chrome desteklenir.
Not: Safari 6.1 ve sonraki bir alternatif, WebkitFlexFlow özelliğini destekler.
Sözdizimi
FlexFlow özelliğini Dönüş:
object .style.flexFlow FlexFlow özelliğini ayarlayın:
object .style.flexFlow=" Mülkiyet Değerler değer Açıklama flex-direction Olası değerler:
sıra
satır ters
kolon
sütun ters
ilk
miras almak Varsayılan değer "row" .
Esnek öğe bir yön belirleme
flex-wrap Olası değerler:
nowrap
şal
sarılan ters
ilk
miras almak Varsayılan değer "nowrap" .
Esnek ürün sarmak yapıp yapmamasına belirtme
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: satır nowrap Geri dönüş değeri: bir elemanın esnek akış özelliğini temsil eden bir String, CSS Sürüm CSS3
İlgili Sayfalar
CSS referansı: flex-flow 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: flexGrow property
HTML DOM STİL Referans: flexShrink property
HTML DOM STİL Referans: flexWrap property
<Stil Nesne