Всем привет! Сегодня поговорим про два простых, но полезных свойства, появившихся в CSS3 - box-ordinal-group и box-orient .
Всем привет! Сегодня поговорим про два простых, но полезных свойства, появившихся в CSS3 - box-ordinal-group и box-orient.
box-ordinal-group
Итак, давайте сначала разберем свойство box-ordinal-group.
Данное свойство просто указывает, в каком порядке должны отображаться дочерние блоки на странице.
Вот его синтаксис:
#div {
box-ordinal-group: 3;
}
Те блоки, у которых число меньше, будут отображаться первыми.
Если у блоков одинаковые значения, то они будут отображаться в зависимости от того, как они идут в исходном коде.
box-orient
Второе свойство - box-orient.
Данное свойство указывает, как отображать дочерние элементы с display = box.
Есть 5 возможных значений - horizontal(горизонтально), vertical(вертикально), inline-axis(вдоль строковой оси), block-axis(вдоль блочной оси), inherit(значение наследуется от родителя).
#div {
display: box;
box-orient: horizontal;
}
Данные свойства очень полезны при современной верстке, теперь вы их тоже знаете.
Спасибо за внимание и удачи!
