Sipariş - CSS Hileleri

Anonim

orderMülkiyet Esnek Kutu Düzeni modülünün bir alt özelliktir.

Flex öğeleri, varsayılan olarak kaynak belgede göründükleri sırayla görüntülenir. orderMülkiyet Bu sıralamasını değiştirmek için kullanılabilir.

Sözdizimi

order: .flex-item ( order: 2; )

Demo

Aşağıdaki demo, sipariş özelliğini her bir öğeye ayarlayarak varsayılan sıranın (1, 2, 3, 4, 5) nasıl değiştirildiğini gösterir.

Bu Kaleme bakın!

Tarayıcı Desteği

  • (modern), spesifikasyondaki son sözdizimi anlamına gelir (örneğin display: flex;)
  • (karma), 2011'den kalma garip bir resmi olmayan sözdizimi anlamına gelir (örneğin display: flexbox;)
  • (eski), 2009'daki eski sözdizimi anlamına gelir (örneğin display: box;)
Krom Safari Firefox Opera IE Android iOS
21+ (modern)
20- (eski)
3.1+ (eski) 2-21 (eski)
22+ (yeni)
12.1+ (modern) 10+ (karma) 2.1+ (eski) 3.2+ (eski)

Blackberry tarayıcı 10+ yeni sözdizimini destekler.

En iyi tarayıcı desteğini elde etmek için sözdizimlerinin nasıl karıştırılacağı hakkında daha fazla bilgi için, lütfen bu makaleye (CSS Hileleri) veya bu makaleye (DevOpera) bakın.