CSS właściwość order

Definicja i użycie

Atrybut order określa kolejność elementu elastycznego w stosunku do innych elementów elastycznych w tym samym kontenerze.

Komentarz:Jeśli element nie jest elementem elastycznym, atrybut order jest nieważny.

Zobacz również:

Podręcznik CSS:Atrybut flex

Podręcznik CSS:Atrybut flex-basis

Podręcznik CSS:Atrybut flex-direction

Podręcznik CSS:Atrybut flex-flow

Podręcznik CSS:Atrybut flex-grow

Podręcznik CSS:Atrybut flex-shrink

Podręcznik CSS:Atrybut flex-wrap

Podręcznik CSS:Atrybut align-content

Podręcznik CSS:Atrybut align-items

Podręcznik CSS:Atrybut align-self

Podręcznik HTML DOM:Atrybut order

Przykład

Ustawienie kolejności elementów elastycznych:

div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}

Spróbuj sam

Gramatyka CSS

order: liczba|initial|inherit;

Wartość atrybutu

Wartość Opis
liczba Domyślna wartość to 0. Określa kolejność elementów elastycznych.
initial Ustawienie tej właściwości na jej wartość domyślną. Patrz: initial.
inherit Inherencja tej właściwości od elementu nadrzędnego. Patrz: inherit.

Szczegóły techniczne

Domyślna wartość: 0
Inherencja: nie
Tworzenie animacji: Obsługiwane. Patrz osobne atrybuty. Patrz:Atrybuty związane z animacją.
Wersja: CSS3
Gramatyka JavaScript: object.style.order="2"

Wsparcie przeglądarek

Wsparcie przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość, określając używanie prefiksu dla pierwszej wersji zgodnie z -webkit- lub -moz-.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit- 		11.0 28.0
18.0 -moz- 		9.0
6.1 -webkit- 		17.0