CSS order özelliği

Tanım ve kullanım

Order özelliği, esnek öğelerin aynı konteyner içindeki diğer esnek öğelere göre sırasını belirler.

Yorum:Eğer element esnek öğe değilse, order özelliği geçersizdir.

CSS referans el kitabı:flex özelliği

CSS referans el kitabı:flex-basis özelliği

CSS referans el kitabı:flex-flow özelliği

CSS referans el kitabı:flex-grow özelliği

CSS referans el kitabı:flex-shrink özelliği

CSS referans el kitabı:flex-wrap özelliği

CSS referans el kitabı:align-items özelliği

CSS referans el kitabı:align-self özelliği

HTML DOM referans el kitabı:order özelliği

Esnek öğelerin sırasını ayarlayın:

div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}

order: number|initial|inherit;

Değer	Açıklama
number	Öntanımlı değer 0'dır. Esnek öğelerin sırasını belirler.
initial	Bu özelliği öntanımlı değerine ayarlayın. Bakınız initial.
inherit	Bu özelliği ebeveyn elementinden devralır. Bakınız inherit.

Öntanımlı değer:	0
Miras:	hayır
Animasyon yapımı:	Desteği var. Ayrı özelliklere bakın. Bakınız:Animasyonla ilgili özellikler.
Sürüm:	CSS3
JavaScript dilbilgisi:	object.style.order="2"

Tablo, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

跟随 -webkit- veya -moz- sayısal tanımlamaların ilk sürümünü kullanın.

Chrome	IE / Edge	Firefox	Safari	Opera
29.0 21.0 -webkit-	11.0	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0