Latest web development tutorials

HTML DOM Style memesan properti

Gaya Referensi Obyek gaya Objects

contoh

Fleksibel mengatur urutan item:

document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";

Coba »

Definisi dan Penggunaan

Atribut rangka menentukan proyek yang fleksibel sehubungan dengan urutan wadah yang fleksibel yang sama untuk barang-barang lainnya.

Catatan: Jika elementidak proyek fleksibel, properti order tidak bekerja.


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox, Opera dan properti dukungan agar Chrome.


tatabahasa

Pengembalian memesan atribut:

object .style.order

Mengatur atribut urutan:

object .style.order="number|initial|inherit"

Nilai properti

描述
number 默认值是 0。规定灵活项目的顺序。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

rincian teknis

default: 0
Pengembalian: String mewakili atribut urutan elemen.
versi CSS CSS3


Artikel terkait

Pedoman CSS Referensi: properti Orde

HTML DOM STYLE Referensi: properti alignContent

HTML DOM STYLE Referensi: properti alignItems

HTML DOM STYLE Referensi: properti alignSelf

HTML DOM STYLE Referensi: Flex Properti

HTML DOM STYLE Referensi: properti flexBasis

HTML DOM STYLE Referensi: properti flexDirection

HTML DOM STYLE Referensi: properti FlexFlow

HTML DOM STYLE Referensi: properti flexGrow

HTML DOM STYLE Referensi: properti flexShrink

HTML DOM STYLE Referensi: properti flexWrap


Gaya Referensi Obyek gaya Objects