CSS3 box-ordinal-groupСвойство


Пример

Порядок отображения дочерних элементов указанного блока:

.box
{
display:-ms-flexbox; /* Internet Explorer 10 */
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari и Chrome */
display:box;
border:1px solid black;
}
.ord1
{
margin:5px;
-ms-flex-order:1; /* Internet Explorer 10 */
-moz-box-ordinal-group:1; /* Firefox */
-webkit-box-ordinal-group:1; /* Safari и Chrome */
box-ordinal-group:1;
}
.ord2
{
margin:5px;
-ms-flex-order:2; /* Internet Explorer 10 */
-moz-box-ordinal-group:2; /* Firefox */
-webkit-box-ordinal-group:2; /* Safari and Chrome */
box-ordinal-group:2;
}

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

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

В настоящее время основные браузеры не поддерживают свойство box-ordinal-group.

Internet Explorer 10 поддерживает это через приватное свойство ms-flex-order.

Firefox поддерживает это через приватное свойство -moz-box-ordinal-group.

Safari и Chrome поддерживают это через приватное свойство -webkit-box-ordinal-group.

Примечание:Internet Explorer 9 и более ранние версии IE не поддерживают flexbox.

Определение и инструкция по использованию атрибута

Свойство box-ordinal-group задаёт порядок отображения дочерних элементов бокса.

Элементы с меньшим значением отображаются перед элементами с большим значением.

Примечание:Элементы с одинаковым значением группы отображаются в порядке их исходного следования.

Значение по умолчанию: 1
Наследуется: нет
версия: CSS3
Синтаксис JavaScript: object.style.boxOrdinalGroup=2

Синтаксис

box-ordinal-group: целое число;

Значение Описание
целое число Целое число, указывающее порядок отображения дочерних элементов.
Другие расширения