-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
Non-standard
Chrome No support No
 Edge No support No
 Firefox Full support 6
 Internet Explorer No support No
 Opera No support No
 Safari No support No
 WebView Android No support No
 Chrome Android No support No
 Firefox for Android Full support 6
 Opera Android No support No
 Safari on iOS No support No
 Samsung Internet No support No
auto value
Deprecated Non-standard
Chrome No support No
 Edge No support No
 Firefox No support 21 –  40
footnote
Internet Explorer No support No
 Opera No support No
 Safari No support No
 WebView Android No support No
 Chrome Android No support No
 Firefox for Android No support 21 –  40
footnote
Opera Android No support No
 Safari on iOS No support No
 Samsung Internet No support No
inline and block values
Non-standard
Chrome No support No
 Edge No support No
 Firefox Full support 40
 Internet Explorer No support No
 Opera No support No
 Safari No support No
 WebView Android No support No
 Chrome Android No support No
 Firefox for Android Full support 40
 Opera Android No support No
 Safari on iOS No support No
 Samsung Internet No support No

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

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

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

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

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