Örnek
Esnek öğelerin sırasını ayarlayın:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
Kendin dene " Tanımı ve Kullanımı
Sipariş Tesis, aynı kabın içine esnek öğelerin geri kalanı için esnek madde göreli sırasını belirtir.
Note: eleman sırası özelliği hiçbir etkisi yoktur, esnek bir madde değilse.
Tarayıcı Desteği
Sipariş özelliği Firefox, Opera ve Chrome desteklenir.
Sözdizimi
Sipariş özelliğini Dönüş:
object .style.order Sipariş özelliğini ayarlayın:
object .style.order=" Mülkiyet Değerler değer Açıklama number Varsayılan değer 0. esnek öğe için sırasını belirtir 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 sırası özelliği temsil eden bir String, CSS Sürüm CSS3
İlgili Sayfalar
CSS referansı: order property
HTML DOM STİL Referans: alignContent property
HTML DOM STİL Referans: alignItems property
HTML DOM STİL Referans: alignSelf 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: flexShrink property
HTML DOM STİL Referans: flexWrap property
<Stil Nesne