1. Home
  2. CSS3 коробчатого порядковое-группа свойств

Лучшее руководство по CSS3 коробчатого порядковое-группа свойств в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение атрибута и инструкции,грамматика,

CSS3 коробчатого порядковое-группа свойств

примеров

Дисплей порядок дочерних элементов коробки:

.box
{
display:-ms-flexbox; /* Internet Explorer 10 */
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and 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 and 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

Современные браузеры неспециализированные не поддерживают коробчатого порядковое-групповое свойство.

Internet Explorer 10 с поддержкой частной собственности MS-флекс порядка.

Firefox поддержкой -moz-бокс-порядковое-группы частной собственности.

Safari и Chrome по поддержке частной собственности, -webkit-бокс-порядковое-группы.

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

Определение атрибута и инструкции

атрибут коробчатого порядковое-группа определяет поле дочернего элемента порядка отображения.

Дисплей элемент, имеющий более низкое значение до тех элементов с более высокими значениями.

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

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

грамматика

коробка-порядковое-группа:целое число;

значение описание
целое число Целое число, которое указывает на порядок отображения подэлементов

Горячие учебники

Contact US

CSS3 коробчатого порядковое-группа свойств
10/30