-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 | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
-moz-orient
|
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
|
Chrome No support No | Edge No support No | Firefox No support 21 – 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 No support 21 – 40 | Opera Android No support No | Safari on iOS No support No | Samsung Internet No support No |
inline and block values
|
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 |