Лучшее руководство по CSS3 коробчатого порядковое-группа свойств в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение атрибута и инструкции,грамматика,
CSS3 коробчатого порядковое-группа свойств
примеров
Дисплей порядок дочерних элементов коробки:
{
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 Explorer 10 с поддержкой частной собственности MS-флекс порядка.
Firefox поддержкой -moz-бокс-порядковое-группы частной собственности.
Safari и Chrome по поддержке частной собственности, -webkit-бокс-порядковое-группы.
Примечание: Internet Explorer 9 и более ранние версии IE не поддерживают гибкую форму.
Определение атрибута и инструкции
атрибут коробчатого порядковое-группа определяет поле дочернего элемента порядка отображения.
Дисплей элемент, имеющий более низкое значение до тех элементов с более высокими значениями.
Примечание: Элементы одного и того же набора значений порядка, в зависимости от их исходном порядке.
По умолчанию: | 1 |
---|---|
Наследование: | нет |
Версия: | CSS3 |
Синтаксис JavaScript: | объект .style.boxOrdinalGroup = 2 |
грамматика
значение | описание |
---|---|
целое число | Целое число, которое указывает на порядок отображения подэлементов |