Properti order CSS

Definisi dan penggunaan

Atribut order menentukan urutan item fleksibel berbanding dengan item fleksibel lainnya di dalam kontainer yang sama.

Komentar:Jika elemen bukan item fleksibel, atribut order tidak berlaku.

Lihat juga:

Panduan CSS:Atribut flex

Panduan CSS:Atribut flex-basis

Panduan CSS:Atribut flex-direction

Panduan CSS:Atribut flex-flow

Panduan CSS:Atribut flex-grow

Panduan CSS:Atribut flex-shrink

Panduan CSS:Atribut flex-wrap

Panduan CSS:Atribut align-content

Panduan CSS:Atribut align-items

Panduan CSS:Atribut align-self

Panduan HTML DOM:Atribut order

Contoh

Atur urutan item fleksibel:

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

Coba sendiri

Syntaks CSS

order: number|initial|inherit;

Nilai atribut

Nilai Deskripsi
number Nilai standar adalah 0. Menentukan urutan item fleksibel.
initial Tetapkan atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induk. Lihat inherit.

Detil teknis

Nilai standar: 0
Warisan: no
Pembuatan animasi: Dukung. Lihat atribut terpisah. Lihat:Atribut terkait animasi.
Versi: CSS3
Syntaks JavaScript: object.style.order="2"

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini.

Angka di tabel menunjukkan versi pertama browser yang mendukung atribut ini. Gunakan awalan pertama yang diatur oleh -webkit- atau -moz-.

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