Contoh
Mengatur urutan item yang fleksibel:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
Cobalah sendiri " Definisi dan Penggunaan
Properti rangka menentukan urutan item relatif fleksibel untuk sisa item fleksibel dalam wadah yang sama.
Note: Jika elemen bukan barang yang fleksibel, properti order tidak berpengaruh.
Dukungan Browser
Properti order didukung dalam Firefox, Opera, dan Chrome.
Sintaksis
Kembali properti order:
object .style.order Set properti order:
object .style.order=" 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
Rincian teknis
Nilai default: 0 Kembali Nilai: Sebuah String, yang mewakili properti urutan elemen CSS Versi CSS3
Pages terkait
Referensi CSS: order property
HTML DOM STYLE Referensi: alignContent property
HTML DOM STYLE Referensi: alignItems property
HTML DOM STYLE Referensi: alignSelf property
HTML DOM STYLE Referensi: flex property
HTML DOM STYLE Referensi: flexBasis property
HTML DOM STYLE Referensi: flexDirection property
HTML DOM STYLE Referensi: flexFlow property
HTML DOM STYLE Referensi: flexGrow property
HTML DOM STYLE Referensi: flexShrink property
HTML DOM STYLE Referensi: flexWrap property
<Style Object