САЙТЫ  ПОД  КЛЮЧ
ОНЛАЙН-СЕРВИСЫ СПРАВОЧНИКИ SEO-ИНСТРУМЕНТЫ РАЗВЛЕЧЕНИЯ

Справочник по CSS

-moz-orient

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
Вертикальная ориентация

Пример

HTML5CSS2.1CSS3IECrOpSaFx

<!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.

Вид индикатора прогресса в зависимости от значения -moz-orient

Рис. 1. Вид индикатора прогресса в зависимости от значения -moz-orient

Справочник по CSS. Версия 7.0 от 5.11.12

© 2002–2012 Влад Мержевич, по всем вопросам пишите по адресу vlad@htmlbook.ru

htmlbook.ru


Дежурная шутка

— В этом телефоне есть bluetooth гарнитура, сенсорный экран, внутренняя память на 16 Гб, доступ в интернет, поддержка просмотра документов, GPS навигация...
— Извините, а если я наберу номер и нажму на зеленую кнопочку, он будет звонить?
— Эээ... я должен уточнить у менеджера...


Наши реквизиты
WMID: 309688839848
WMR: R325885159214
E-mail: 
  BL:Бизнес-уровень [BL]
QR-код сайта
Онлайн-радио
Больше радиостанций