Stil sırası Özellik
Örnek
Esnek öğelerin sırasını ayarlayın:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
Tanım ve Kullanım
order özelliği, aynı kap içindeki diğer esnek öğelere göre esnek bir öğenin sırasını belirtir.
Not: Öğe esnek bir öğe değilse, order özelliğinin hiçbir etkisi yoktur.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
order | Yes | 12.0 | Yes | Yes | Yes |
Sözdizimi
order özelliğini döndürün:
object.style.order
Sipariş özelliğini ayarlayın:
object.style.order = "number|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
number | Default value 0. Specifies the order for the flexible item |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | 0 |
---|---|
Geri dönüş değeri: | Bir öğenin order özelliğini temsil eden bir String |
CSS Sürümü | CSS3 |
İlgili Sayfalar
CSS referansı: sipariş özelliği
HTML DOM STYLE Referansı: alignContent özelliği
HTML DOM STYLE Referansı: alignItems özelliği
HTML DOM STYLE Referansı: alignSelf özelliği
HTML DOM STYLE Referansı: esnek özellik
HTML DOM STYLE Referansı: flexBasis özelliği
HTML DOM STYLE Referansı: flexDirection özelliği
HTML DOM STYLE Referansı: flexFlow özelliği
HTML DOM STYLE Referansı: flexGrow özelliği
HTML DOM STYLE Referansı: flexShrink özelliği
HTML DOM STYLE Referansı: flexWrap özelliği
❮ Stil Nesnesi