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

CSS3 Свойство box-orient


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

Пример

Расположить дочерние элементы блока div горизонтально:

div
{
width:350px;
height:100px;
border:1px solid black;

/* Firefox */
display:-moz-box;
-moz-box-orient:horizontal;

/* Safari и Chrome */
display:-webkit-box;
-webkit-box-orient:horizontal;

/* W3C */
display:box;
box-orient:horizontal;
}

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

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

Internet Explorer Firefox Opera Google Chrome Safari

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

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

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


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

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

Подсказка: Дочерние элементы внутри горизонтального блока отображаются слева направо, а дочерние элементы внутри вертикального блока отображаются сверху вниз. Однако свойства box-direction и box-ordinal-group могут изменить этот порядок.

Значение по умолчанию: inline-axis
Наследуется: нет
Версия: CSS3
JavaScript синтаксис: объект.style.boxOrient="vertical"


Синтаксис

box-orient: horizontal|vertical|inline-axis|block-axis|inherit;

Значение Описание
horizontal Располагать дочерние элементы слева направо в горизонтальную линию
vertical Располагать дочерние элементы сверху вниз вертикально
inline-axis Располагать дочерние элементы вдоль линейной (строковой, inline) оси (соответствует horizontal)
block-axis Располагать дочерние элементы вдоль блочной оси (соответствует vertical)
inherit Значение свойства box-orient должно наследоваться от родительского элемента


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

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