Свойство order
Пример style.order
Установите свойство 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";
Попробуйте сами »
Описание order
Свойство order определяет порядок гибкого элемента относительно остальных гибких элементов внутри того же контейнера.
Примечание: Если элемент не является гибким элементом, свойство order не имеет никакого эффекта.
Поддержка order
| Свойство | |||||
|---|---|---|---|---|---|
| order | Да | 12.0 | Да | Да | Да |
Синтаксис order
Вернуть свойство order:
object.style.order
Установите свойство order:
object.style.order = "number|initial|inherit"
Значение свойства order
| Значение | Описание |
|---|---|
| number | Значение по умолчанию 0. Указывает порядок для гибкого элемента. |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали order
| Значение по умолчанию: | 0 |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство порядка элемента. |
| CSS Версия | CSS3 |
Связанные страницы order
CSS Справочник: order Свойство
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