Örnek
Esnek öğelerin sırasını ayarlayın:
/* Code for Safari 6.1 to 8.0 */
div#myRedDIV {-webkit-order: 2;}
div#myBlueDIV {-webkit-order: 4;}
div#myGreenDIV {-webkit-order: 3;}
div#myPinkDIV {-webkit-order: 1;}
/* Standard syntax */
div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV
{order: 3;}
div#myPinkDIV {order: 1;}
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.
| Varsayılan değer: | 0 |
|---|---|
| Miras: | no |
| canlandırılabilir: | yes, see individual properties . Read about animatable Try it |
| Versiyon: | CSS3 |
| JavaScript sözdizimi: | object .style.order="2" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
Sayılar -webkit- ardından veya önek ile çalıştı ilk sürümü belirtmek -moz-.
| özellik | |||||
|---|---|---|---|---|---|
| order | 29.0 21,0 -webkit- | 11.0 | 28,0 18.0 -moz- | 9.0 6.1 -webkit- | 17.0 |
CSS sözdizimi
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
İlgili Sayfalar
CSS Referansı: flex property
CSS Referansı: flex-basis property
CSS Referansı: flex-direction property
CSS Referansı: flex-flow property
CSS Referans: flex-grow property
CSS Referansı: flex-shrink property
CSS Referansı: flex-wrap property
CSS Referansı: align-content property
CSS Referans: align-items property
CSS Referans: align-self property
HTML DOM referansı: order property