Свойство порядка стиля
Пример
Установите порядок гибких элементов:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
Определение и использование
Свойство order указывает порядок гибкого элемента относительно остальных гибких элементов внутри того же контейнера.
Примечание. Если элемент не является гибким, свойство порядка не действует.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
order | Yes | 12.0 | Yes | Yes | Yes |
Синтаксис
Вернуть свойство заказа:
object.style.order
Установите свойство заказа:
object.style.order = "number|initial|inherit"
Значения свойств
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 |
Технические детали
Значение по умолчанию: | 0 |
---|---|
Возвращаемое значение: | Строка, представляющая свойство порядка элемента |
CSS-версия | CSS3 |
Связанные страницы
Справочник по CSS: свойство порядка
HTML DOM STYLE Справка: свойство alignContent
HTML DOM STYLE Справка: свойство alignItems
HTML DOM STYLE Справка: свойство alignSelf
HTML DOM STYLE Справка: свойство flex
HTML DOM STYLE Справка: свойство flexBasis
HTML DOM STYLE Справка: свойство flexDirection
HTML DOM STYLE Справка: свойство flexFlow
HTML DOM STYLE Справка: свойство flexGrow
HTML DOM STYLE Справка: свойство flexShrink
HTML DOM STYLE Справка: свойство flexWrap
❮ Объект стиля