<ol> | Тег HTML - Справочник HTML + HTML5 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Четверг, 08.12.2016
Главная » Справочник HTML » Блочные элементы


ОбъектыБлочные элементы
ТаблицыСтрочные элементы
СимволыФорматирование
ДокументыИзображения
ЗвукФормы
СпискиУстаревшие теги
ФреймыСкрипты



Адаптивный сайт - aTmpl


<ol> | Тег HTML

Тег <ol> добавляет нумерацию в список меню




Тег <ol>  предназначен для добавления нумерации в список меню.В HTML5 используются новые атрибуты,они описаны ниже.Нумерация может исполнятся в сторону возврастания и в сторону убывания.Форматирование нумерации производится свойствами CSS.Свойствами CSS возможно изменить порядок выделения последовательной нумерации,имеется в виду применение свойств псевдокласса :nth-child.Список меню формируется с применением тега <li>.Поддерживает глобальные атрибуты,а так же атрибуты событий в HTML5




Тег работает в браузерах





Атрибуты тега <ol>

Атрибут reversed

Устанавливает порядок нумерации от большего значения к меньшему,если отсутствует нумерация происходит в порядке возрастания от меньшего к большему ( на момент выхода статьи поддерживался не всеми браузерами )

Атрибут start

Устанавливает начало нумерации,если отсутствует нумерация начинается с 1 ( единицы )

Пример применения тега


<!DOCTYPE html>
<html>
<head>
<title>Тэг ol</title>
<style>
ol#one {
color:red;
}
ol#two :nth-child(even) {
color:green;
}
</style>
</head>
<body>
<div align="center">
<ol>
<li>Пункт меню</li>
<li>Пункт меню</li>
<li>Пункт меню</li>
<li>Пункт меню</li>
</ol>
<ol reversed="reversed" start="10">
<li>Пункт меню</li>
<li>Пункт меню</li>
<li>Пункт меню</li>
<li>Пункт меню</li>
</ol>
<ol id="one" start="10">
<li>Пункт меню</li>
<li>Пункт меню</li>
<li>Пункт меню</li>
<li>Пункт меню</li>
</ol>
<ol id="two">
<li>Пункт меню</li>
<li>Пункт меню</li>
<li>Пункт меню</li>
<li>Пункт меню</li>
</ol>
</div>
</body>
</html>

Пример в действии





Русские шрифты





Категория: Блочные элементы | Добавил: IZOTOP (22.05.2012) | Автор: Меренков Михаил W
Просмотров: 915 | Теги: нумерованный список | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]