| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 6.0 + |
Коротка інформація
| Значення за умовчанням | horozontal |
|---|---|
| Успадковується | Ні |
| Застосовується | До <progress> |
| Відсотковий запис | незастосовні |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
опис
Встановлює положення індикатора прогресу — горизонтальне або вертикальне.
Синтаксис
- moz-orient: horizontal | vertical
Значення
- horizontal
- Горизонтальне положення.
- vertical
- вертикальна орієнтація
Приклад
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
orient </title>
<style>
.vert {-moz-orient: vertical; } </style>
</head>
<body>
<p>
Горизонтальний індикатор прогресу </p>
<progress max="100" value="75">
</progress>
<p>
Вертикальний індикатор прогресу </p>
<progress max="100" value="75" class="vert">
</progress>
</body>
</html>
Результат прикладу показаний на рис. 1.
