Свойство CSS `-moz-orient`

Свойство -moz-orient CSS задаёт ориентацию элемента, к которому оно применяется.

Синтаксис

-moz-orient: inline;

/* Global values */
-moz-orient: inherit;
-moz-orient: initial;
-moz-orient: revert;
-moz-orient: revert-layer;
-moz-orient: unset;

Значения

Это свойство задаётся одним из следующих ключевых слов:

inline

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

block

Элемент отображается перпендикулярно оси текста: вертикально для горизонтальных режимов письма и горизонтально для вертикальных режимов письма.

horizontal

Элемент отображается горизонтально.

vertical

Элемент отображается вертикально.

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

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

-moz-orient = inline | block | horizontal | vertical

Примеры

HTML

<p>The following progress meter is horizontal (the default):</p>
<progress max="100" value="75"></progress>

<p>The following progress meter is vertical:</p>
<progress class="vert" max="100" value="75"></progress>

CSS

.vert {
  -moz-orient: vertical;
  width: 16px;
  height: 150px;
}

Результат

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

Не входит ни в один стандарт. Хотя это свойство было предложено W3C и получило положительные первоначальные отзывы, оно пока не включено ни в одну спецификацию; на данный момент это расширение Mozilla (то есть -moz-orient).

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

См. также

• box-orient