свойство Style order

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

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

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

еще см.:

руководство по CSS:пroperty order

пример

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

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

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

грамматика

возврат property order:

object.style.order

установить property order:

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

значение свойства

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

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

значение по умолчанию: 0
возвратное значение: строка, представляющая элемент пroperty order.
версия CSS: CSS3

поддержка браузерами

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
поддержка 12.0 поддержка поддержка поддержка

связанные страницы

Руководство по HTML DOM STYLE:пroperty alignContent

Руководство по HTML DOM STYLE:пroperty alignItems

Руководство по HTML DOM STYLE:пroperty alignSelf

Руководство по HTML DOM STYLE:пroperty flex

Руководство по HTML DOM STYLE:пroperty flexBasis

Руководство по HTML DOM STYLE:Свойство flexDirection

Руководство по HTML DOM STYLE:Свойство flexFlow

Руководство по HTML DOM STYLE:Свойство flexGrow

Руководство по HTML DOM STYLE:Свойство flexShrink

Руководство по HTML DOM STYLE:Свойство flexWrap