Contoh
Mengatur urutan item yang fleksibel:
/* Code for Safari 6.1 to 8.0 */
div#myRedDIV {-webkit-order: 2;}
div#myBlueDIV {-webkit-order: 4;}
div#myGreenDIV {-webkit-order: 3;}
div#myPinkDIV {-webkit-order: 1;}
/* Standard syntax */
div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV
{order: 3;}
div#myPinkDIV {order: 1;}
Cobalah sendiri " Definisi dan Penggunaan
Properti order menentukan urutan item relatif fleksibel untuk sisa barang yang fleksibel di dalam wadah yang sama.
Note: Jika elemen bukan barang yang fleksibel, properti order tidak berpengaruh.
| nilai default: | 0 |
|---|---|
| mewarisi: | no |
| animatable: | yes, see individual properties . Read about animatable Try it |
| Versi: | CSS3 |
| sintaks JavaScript: | object .style.order="2" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Nomor diikuti oleh -webkit- atau moz menentukan versi pertama yang bekerja dengan awalan.
| Milik | |||||
|---|---|---|---|---|---|
| order | 29,0 21.0 -webkit- | 11.0 | 28.0 18,0 moz | 9.0 6.1 -webkit- | 17.0 |
CSS Syntax
order:number|initial|inherit;Nilai properti
| Nilai | Deskripsi |
|---|---|
| number | nilai default 0. Menentukan agar item yang fleksibel |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
CSS Referensi: flex property
CSS Referensi: flex-basis property
CSS Referensi: flex-direction property
CSS Referensi: flex-flow property
CSS Referensi: flex-grow property
CSS Referensi: flex-shrink property
CSS Referensi: flex-wrap property
CSS Referensi: align-content property
CSS Referensi: align-items property
CSS Referensi: align-self property
Referensi HTML DOM: order property