|
CSS3 Свойство box-orient
 Полный 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;
} |
Попробуйте сами » |
Поддержка Браузерами
Свойство 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 Справочник
|
