САЙТЫ ПОД КЛЮЧ

НАШИ ПРОЕКТЫ

МАГАЗИН СКРИПТОВ

Электронные платежи
Платежные системы
Курс обучения WebMoney
Автоматизация платежей
Сервис RoboKassa
WebMoney Mobile
Полезные ресурсы
Файлохранилища
Социальные сети
Поисковые системы
WEB-программирование
Теги HTML в примерах
Справочник по CSS
Основы PHP
Справочник JavaScript
Самоучитель Flash 5
25 правил .htaccess

Справочник по 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

htmlbook.ru

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

Замминистра приезжает с инспекцией в тюрьму и видит: ворота открыты, охраны нет, камеры настежь, при этом все преступники на месте!
Совершенно ошарашенный увиденным, он вызывает начальника тюрьмы и говорит:
— Послушайте, у других сбегают, несмотря на наручники, решетки, запертые двери, несмотря на собак и охрану! Что сделали вы?!!
— Провел им Интернет...

Наши реквизиты