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

CSS3 коробчатого Orient недвижимость

примеров

Дочерние элементы DIV элемент указано расположены сбоку:

ДИВ
{
ширина: 350 пикселей;
высота: 100px;
границы: 1px сплошного черного цвета;

/ * Firefox * /
дисплей: -moz-бокс;
-moz-бокс-Orient: горизонтальная;

/ * Safari, Opera и Chrome * /
дисплей: -webkit-бокс;
-webkit-бокс-Orient: горизонтальная;

/ * W3C * /
дисплей: коробка;
коробка-Ориент: горизонтальное;
}

Попробуйте »

Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

В настоящее время все основные браузеры не поддерживают коробчатой ​​сориентировать свойство.

Firefox частной собственностью - MOZ-коробчатой ​​сориентировать поддержки.

Safari, Opera и Chrome через частную собственность ящика Orient--webkit поддержки.


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

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

Совет: окно в суб-элементов в горизонтальном направлении отображается слева направо, окно отображается вертикально сверху вниз.Тем не менее, Box-направление ориентации могут быть коробчатого порядковое-группа свойство изменить этот порядок.

По умолчанию: рядный ось
Наследование: нет
Версия: CSS3
Синтаксис JavaScript: объект .style.boxOrient = "вертикали"


грамматика

коробчатого сориентировать: горизонтальные | вертикальные | рядный ось | блок-ось | унаследуют;

значение объяснение
горизонтальный Указанные суб-элементы расположены в виде горизонтальной линии слева направо
вертикальный Сверху вниз вертикального расположения подэлементам
рядный ось Инлайн дочерние элементы вдоль оси (отображается в альбомной ориентации)
блок-ось Подблок элементы вдоль оси (картографического к вертикали)
унаследовать Значение коробчатого сориентировать свойство должно быть унаследовано от родительского элемента
CSS3 коробчатого Orient недвижимость
10/30