Örnek
Içeride esnek öğelerin yönünü yeniden düzenleyin <div> elemanı:
document.getElementById("main").style.flexDirection = "column-reverse"; Kendin dene " Tanımı ve Kullanımı
flexDirection özelliği, ayarlar veya esnek öğelerin yönünü döndürür.
Note: eleman flexDirection mülkiyet etkisi yoktur, esnek bir madde değilse.
Tarayıcı Desteği
flexDirection mülkiyet IE10 +, Firefox, Opera ve Chrome desteklenir.
Not: Safari 6.1 ve sonraki bir alternatif, WebkitFlexDirection özelliğini destekler.
Sözdizimi
flexDirection özelliğini Dönüş:
object .style.flexDirectionflexDirection özelliğini ayarlayın:
object .style.flexDirection="row|row-reverse|column|column-reverse|initial|inherit"
Mülkiyet Değerler
| değer | Açıklama |
|---|---|
| row | Varsayılan değer. Esnek öğeler satır olarak, yatay olarak görüntülenir |
| row-reverse | satır aynı, ancak ters sırada |
| column | Esnek öğe bir sütun gibi, dikey olarak gösterildi |
| column-reverse | sütun aynı, ancak ters sırada |
| 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: | sıra |
|---|---|
| Geri dönüş değeri: | bir elemanın esnek-yönü özelliği temsil eden bir String, |
| CSS Sürüm | CSS3 |
İlgili Sayfalar
CSS referansı: flex-direction property
HTML DOM STİL Referans: flex property
HTML DOM STİL Referans: flexBasis 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