пример
Установить порядок гибких элементов:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
Попробуй сам " Определение и использование
Свойство Порядок определяет порядок гибкого элемента по отношению к остальной части гибких элементов внутри одной и той же емкости.
Note: Если элемент не является гибким элемент, свойство порядка не имеет никакого эффекта.
Поддержка браузеров
Свойство порядок поддерживается в Firefox, Opera и Chrome.
Синтаксис
Возвращает свойство заказа:
object .style.order Установите свойство заказа:
object .style.order=" Значения свойств Стоимость Описание number Значение по умолчанию 0. Определяет порядок гибкого элемента initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: 0 Возвращаемое значение: Строка, представляющая свойство порядка элемента CSS версия CSS3
Похожие страницы
Ссылка CSS: order property
HTML DOM СТИЛЬ Ссылка: alignContent property
HTML DOM СТИЛЬ Ссылка: alignItems property
HTML DOM СТИЛЬ Ссылка: alignSelf property
HTML DOM СТАЙЛ Справка: flex property
HTML DOM СТИЛЬ Ссылка: flexBasis property
HTML DOM СТИЛЬ Ссылка: flexDirection property
HTML DOM СТИЛЬ Ссылка: flexFlow property
HTML DOM СТИЛЬ Ссылка: flexGrow property
HTML DOM СТИЛЬ Ссылка: flexShrink property
HTML DOM СТИЛЬ Ссылка: flexWrap property
<Style Object