-moz-orient

Не стандартизовано: Це — нестандартний функціонал, і стандартизувати його ніхто не планує. Його не слід використовувати на вебсайтах у відкритому вебі, оскільки він не буде працювати для всіх користувачів. Також можливі суттєві (і часто — несумісні) відмінності між реалізаціями, а поведінка може змінитися у майбутньому.

Властивість CSS -moz-orient (Mozilla – орієнтація) задає орієнтацію елемента, до котрого застосована.

Синтаксис

Доступні значення властивості -moz-orient вичерпно перелічені нижче.

Значення

inline

Елемент візуалізується у напрямку осі тексту: горизонтально для режиму горизонтального письма, вертикально для режиму вертикального письма.

block

Елемент візуалізується перпендикулярно до осі тексту: вертикально для режиму горизонтального письма, горизонтально для режиму вертикального письма.

horizontal

Елемент візуалізується горизонтально.

vertical

Елемент візуалізується вертикально.

Формальне визначення

Початкове значенняinline
Успадковуєтьсяні
Обчислене значенняas specified

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

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

Приклади

HTML

<p>Наступний індикатор виконання – горизонтальний (як усталено):</p>
<progress max="100" value="75"></progress>

<p>Наступний індикатор виконання – вертикальний:</p>
<progress class="vert" max="100" value="75"></progress>

CSS

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

Результат

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

Не є частиною жодного стандарту. Втім, подана до W3C, із початково схвальним відгуком, ця властивість поки не є частиною жодної специфікації; наразі це Mozilla-специфічне розширення (власне, -moz-orient).

Сумісність з браузерами

desktop mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on iOS Samsung Internet
-moz-orient
Нестандартне
Chrome No support Ні
 Edge No support Ні
 Firefox Full support 6
 Internet Explorer No support Ні
 Opera No support Ні
 Safari No support Ні
 WebView Android No support Ні
 Chrome Android No support Ні
 Firefox for Android Full support 6
 Opera Android No support Ні
 Safari on iOS No support Ні
 Samsung Internet No support Ні
auto value
Нерекомендоване Нестандартне
Chrome No support Ні
 Edge No support Ні
 Firefox No support 21 –  40
footnote
Internet Explorer No support Ні
 Opera No support Ні
 Safari No support Ні
 WebView Android No support Ні
 Chrome Android No support Ні
 Firefox for Android No support 21 –  40
footnote
Opera Android No support Ні
 Safari on iOS No support Ні
 Samsung Internet No support Ні
inline and block values
Нестандартне
Chrome No support Ні
 Edge No support Ні
 Firefox Full support 40
 Internet Explorer No support Ні
 Opera No support Ні
 Safari No support Ні
 WebView Android No support Ні
 Chrome Android No support Ні
 Firefox for Android Full support 40
 Opera Android No support Ні
 Safari on iOS No support Ні
 Samsung Internet No support Ні

Дивіться також

Помітили помилку на цій сторінці?

Переглянути сирці на GitHub.

Редагувати вміст на GitHub.

Почати обговорення на GitHub стосовно вмісту цієї сторінки.