Style order Özelliği

Tanım ve Kullanım

order Bu özellik, esnek elemanın aynı konteyner içindeki diğer esnek elemanlara göre sırasını belirler.

Yorum：Eğer element esnek bir eleman değilse order Özellik Geçersiz.

Daha Fazla Bakınız：

CSS Referans Kılavuzu：order Özelliği

Örnek

Esnek项目的顺序设置：

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

Kişisel Deneyim

Sözdizimi

order Özelliğini Dönüş Verme：

object.style.order

order Özelliğini Ayarlama：

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

Özellik Değeri

Değer Tanım
number Varsayılan Değer 0. Esnek elemanın sırasını belirler.
initial Bu özelliği varsayılan değerine ayarlar. Daha fazla bilgi için bkz. initial。
inherit Bu özelliği ebeveyn elementinden miras alır. Daha fazla bilgi için bkz. inherit。

Teknik Ayrıntılar

Varsayılan Değer： 0
Dönüş değeri： Dizge, elemanın order Özelliği。
CSS Sürümü： CSS3

Tarayıcı Desteği

Tabloda gösterilen rakamlar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destekleniyor 12.0 Destekleniyor Destekleniyor Destekleniyor

İlgili Sayfalar

HTML DOM STYLE referans el kitabı:alignContent Özelliği

HTML DOM STYLE referans el kitabı:alignItems Özelliği

HTML DOM STYLE referans el kitabı:alignSelf Özelliği

HTML DOM STYLE referans el kitabı:flex Özelliği

HTML DOM STYLE referans el kitabı:flexBasis Özelliği

HTML DOM STYLE referans el kitabı:flexDirection özelliği

HTML DOM STYLE referans el kitabı:flexFlow özelliği

HTML DOM STYLE referans el kitabı:flexGrow özelliği

HTML DOM STYLE referans el kitabı:flexShrink özelliği

HTML DOM STYLE referans el kitabı:flexWrap özelliği