box-direction

Нестандартный: Данная функция нестандартна и не соответствует стандартам. Не используйте её на сайтах, ориентированных на веб-среду: она может не работать для всех пользователей. Также могут существовать значительные несовместимости между реализациями, а поведение может измениться в будущем.

Устаревший: Данная функция больше не рекомендуется. Хотя некоторые браузеры могут её поддерживать, она может быть уже удалена из соответствующих веб-стандартов, может быть в процессе удаления или сохраняться только для совместимости. Избегайте её использования и, если возможно, обновите существующий код; см. таблицу совместимости внизу этой страницы для принятия решения. Помните, что эта функция может перестать работать в любое время.

Предупреждение: Это свойство из черновика модуля CSS гибкой компоновки, и оно было заменено более новым стандартом. -moz-box-direction будет использоваться только для XUL, в то время как предыдущий стандарт box-direction был заменён на flex-direction. См. flexbox для получения информации о текущем стандарте.

Свойство box-direction CSS определяет, выкладываются ли содержимое блока обычно (сверху или слева), или наоборот (снизу или справа).

Синтаксис

/* Keyword values */
box-direction: normal;
box-direction: reverse;

/* Global values */
box-direction: inherit;
box-direction: initial;
box-direction: revert;
box-direction: revert-layer;
box-direction: unset;

Свойство box-direction задаётся одним из ключевых значений, перечисленных ниже.

Значения

normal: Блок выкладывает содержимое с начала (слева или сверху).
reverse: Блок выкладывает содержимое с конца (справа или снизу).

Примечания

Граница блока, определённая как начало в целях выкладки, зависит от ориентации блока:

Для горизонтальных элементов начало — это верхняя граница.
Для вертикальных элементов начало — это левая граница.

Граница, противоположная началу, называется концом.

Если направление устанавливается с помощью атрибута элемента dir , то стиль игнорируется.

Формальное определение

Начальное значение	`normal`
Применимо к	элементам с CSS-значением `display` `box` или `inline-box`
Наследуется	нет
Вычисленное значение	как указано
Тип анимации	дискретный

Формальный синтаксис

box-direction =
  normal | reverse | inherit

Примеры

Установка направления блока

.example {
  /* bottom-to-top layout */
  -moz-box-direction: reverse; /* Mozilla */
  -webkit-box-direction: reverse; /* WebKit */
  box-direction: reverse; /* As specified */
}

Спецификации

Не входит ни в один стандарт.

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`box-direction`	1	12	491	15	31.1–3	18	494	14	1	1.0	4.4

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/box-direction