order :

Bir element içindeki diğer elementlerin sıralamasını belirtir.

Not: çalışması için flex değerinin olması gerekir.

Örnek

div {
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 5px;
  color: white;
  display: -webkit-flex; /* Safari */
  display: flex;
}
.order1 {
  background: red;
  -webkit-order: 4;
  order:4;
}
.order2 {
  background: green;
  -webkit-order: 3;
  order:3;
}
.order3 {
  background: blue;
  -webkit-order: 2;
  order:2;
}
.order4 {
  background: pink;
  -webkit-order: 1;
  order:1;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer	Açıklama
number	Elementin sırasını belirtir.
İnital
İnherit

Tarayıcı Desteği

29.0 21.0-webkit	28.0 18.0-moz	11.0	9.0 6.1-webkit	7.0