Porządek stylów Właściwość
Przykład
Ustaw kolejność elastycznych elementów:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
Definicja i użycie
Właściwość order określa kolejność elastycznego elementu względem pozostałych elastycznych elementów w tym samym kontenerze.
Uwaga: Jeśli element nie jest elementem elastycznym, właściwość order nie ma wpływu.
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
order | Yes | 12.0 | Yes | Yes | Yes |
Składnia
Zwróć właściwość zamówienia:
object.style.order
Ustaw właściwość zamówienia:
object.style.order = "number|initial|inherit"
Wartości nieruchomości
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 |
Szczegóły techniczne
Domyślna wartość: | 0 |
---|---|
Wartość zwrotu: | String, reprezentujący właściwość order elementu |
Wersja CSS | CSS3 |
Powiązane strony
Odniesienie CSS: właściwość zamówienia
Dokumentacja HTML DOM STYLE: właściwość alignContent
Dokumentacja HTML DOM STYLE: właściwość alignItems
HTML DOM STYLE Reference: właściwość alignSelf
Odniesienie HTML DOM STYLE: właściwość flex
Odniesienie HTML DOM STYLE: właściwość flexBasis
HTML DOM STYLE Reference: właściwość flexDirection
Odniesienie HTML DOM STYLE: właściwość flexFlow
Odniesienie HTML DOM STYLE: właściwość flexGrow
Odniesienie HTML DOM STYLE: właściwość flexShrink
Odniesienie HTML DOM STYLE: właściwość flexWrap
❮ Obiekt stylu