CSS order

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