Свойство order CSS

определение и использование

атрибут order определяет порядок эластичного элемента по отношению к другим эластичным элементам в том же контейнере.

комментарий:если элемент не является эластичным элементом, то атрибут order не действует.

еще см.:

Руководство по CSS:атрибут flex

Руководство по CSS:атрибут flex-basis

Руководство по CSS:атрибут flex-direction

Руководство по CSS:атрибут flex-flow

Руководство по CSS:атрибут flex-grow

Руководство по CSS:атрибут flex-shrink

Руководство по CSS:атрибут flex-wrap

Руководство по CSS:атрибут align-content

Руководство по CSS:атрибут align-items

Руководство по CSS:атрибут align-self

Руководство по HTML DOM:атрибут order

пример

установить порядок эластичных элементов:

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

попробуйте сами

CSS синтаксис

order: number|initial|inherit;

значение атрибута

значение описание
number по умолчанию 0. Определяет порядок эластичных элементов.
initial установить этот атрибут в его значение по умолчанию. См. initial.
inherit получает этот атрибут от родительского элемента. См. inherit.

технические детали

по умолчанию: 0
наследование: нет
создание анимации: поддерживается. См. отдельные свойства. См. также:свойства анимации.
версия: CSS3
JavaScript синтаксис: object.style.order="2"

поддержка браузеров

числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

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