Лучшее руководство по CSS3 коробчатого Orient недвижимость в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение атрибута и инструкции,грамматика,
CSS3 коробчатого Orient недвижимость
примеров
Дочерние элементы DIV элемент указано расположены сбоку:
{
ширина: 350 пикселей;
высота: 100px;
границы: 1px сплошного черного цвета;
/ * Firefox * /
дисплей: -moz-бокс;
-moz-бокс-Orient: горизонтальная;
/ * Safari, Opera и Chrome * /
дисплей: -webkit-бокс;
-webkit-бокс-Orient: горизонтальная;
/ * W3C * /
дисплей: коробка;
коробка-Ориент: горизонтальное;
}
Попробуйте »
Поддержка браузеров
В настоящее время все основные браузеры не поддерживают коробчатой сориентировать свойство.
Firefox частной собственностью - MOZ-коробчатой сориентировать поддержки.
Safari, Opera и Chrome через частную собственность ящика Orient--webkit поддержки.
Определение атрибута и инструкции
коробчатого сориентировать свойство определяет, должно ли окно быть дочерние элементы по горизонтали или по вертикали.
Совет: окно в суб-элементов в горизонтальном направлении отображается слева направо, окно отображается вертикально сверху вниз.Тем не менее, Box-направление ориентации могут быть коробчатого порядковое-группа свойство изменить этот порядок.
По умолчанию: | рядный ось |
---|---|
Наследование: | нет |
Версия: | CSS3 |
Синтаксис JavaScript: | объект .style.boxOrient = "вертикали" |
грамматика
значение | объяснение |
---|---|
горизонтальный | Указанные суб-элементы расположены в виде горизонтальной линии слева направо |
вертикальный | Сверху вниз вертикального расположения подэлементам |
рядный ось | Инлайн дочерние элементы вдоль оси (отображается в альбомной ориентации) |
блок-ось | Подблок элементы вдоль оси (картографического к вертикали) |
унаследовать | Значение коробчатого сориентировать свойство должно быть унаследовано от родительского элемента |