Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

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


CSS Справочник Полный CSS Справочник

Пример

Указать порядок отображения дочернего элемента блока:

.box
{
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari и Chrome */
display:box;
border:1px solid black;
}
.ord1
{
margin:5px;
-moz-box-ordinal-group:1; /* Firefox */
-webkit-box-ordinal-group:1; /* Safari и Chrome */
box-ordinal-group:1;
}
.ord2
{
margin:5px;
-moz-box-ordinal-group:2; /* Firefox */
-webkit-box-ordinal-group:2; /* Safari и Chrome */
box-ordinal-group:2;
}

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

Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

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

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

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


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

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

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

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

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


Синтаксис

box-ordinal-group: целое;

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


CSS Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru