СSS Свойство order

Пример

Установить порядок гибких элементов:

/* Код для Safari 6.1 to 8.0 */
div#myRedDIV {-webkit-order: 2;}
div#myBlueDIV {-webkit-order: 4;}
div#myGreenDIV {-webkit-order: 3;}
div#myPinkDIV {-webkit-order: 1;}

/* Стандартный синтаксис */
div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}

Редактор кода »

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

Свойство order определяет порядок гибкого элемента относительно остальных гибких элементов внутри одного контейнера.

Примечание: Если элемент не является гибким элементом, то свойство order не имеет никакого эффекта.

Значение по умолчанию:	0
Унаследованный:	нет
Анимируемый:	да, см. раздел отдельные свойства. Прочитайте о animatable Попробовать
Версия:	CSS3
JavaScript синтаксис:	object.style.order="2" Попробовать

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

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

Числа, за которыми следует -webkit- или -moz- указывают первую версию, которая работала с префиксом.

Свойство
order	29.0 21.0 -webkit-	11.0	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0

CSS Синтаксис

order: number|initial|inherit;

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

Значение	Описание
number	Значение по умолчанию 0. Определяет порядок для гибкого элемента
initial	Устанавливает для этого свойства значение по умолчанию. Прочитайте о initial
inherit	Наследует это свойство от родительского элемента. Прочитайте о inherit