Переопределение типа списка, используемого браузером по умолчанию

Переопределение типа списка, используемого браузером по умолчанию


Атрибут list-style-type удобен для переопределения HTML-тегов <ol> и <ul>, чтобы не надо было хранить параметр отдельных типов атрибутов для каждого списка на Web-странице:
ul {
list-style-type : square;
}

На Web-странице с данным правилом стиля автоматически все ненумерованные списки форматируются с маркерами в виде квадратиков.

При вложении нумерованных списков браузер не изменяет циклически типы списков для создания эффекта структуры, как в случае ненумерованных списков. Простая таблица стилей устраняет этот недостаток. Поместите данную таблицу стилей между тегами <style> в разделе заголовка HTML-страницы или скопируйте таблицу стилей точно в том виде, в котором она представлена, во внешний CSS-файл.

/* Пронумеруем первый уровень структуры с помощью заглавных римских букв*/
ol {
list-style-type : upper-roman;
}
/* Второй уровень структуры является вложенным списком или тегом <ol>, расположенным где-нибудь внутри другого тега <ol>. Эта задача решается с помощью контекстно-зависимого селектора.*/
ol ol {
/* Пронумеруем второй уровень структуры с помощью заглавных букв (А, В, С, и т. д.). */
list-style-type: upper-alpha;
/* Третий уровень структуры является вложенным списком внутри вложенного списка или тега <ol>, расположенного где-нибудь внутри другого тега <ol>, который находится внутри еще одного тега <ol>. Необходим еще один контекстно-зависимый селектор. */
ol ol ol {
/* Пронумеруем третий уровень структуры с помощью десятичных чисел (1, 2, 3, и т. д.). */
list-style-type: decimal;
/* Четвертый уровень структуры является вложенным списком внутри вложенного списка внутри вложенного списка, или, иными словами глубина структуры составляет четыре тега <ol>. */
ol ol ol ol {
/* Пронумеруем четвертый уровень структуры с помощью строчных букв (а, b, c, и т. д.). */
list-style-type: lower-alpha;
/* Пятый уровень структуры является вложенным списком внутри вложенного списка внутри вложенного списка внутри вложенного списка, или иными словами глубина структуры составляет пять тегов <ol>. */
ol ol ol ol ol {
/* Пронумеруем пятый уровень структуры с помощью строчных римских числительных (i, ii, iii, и т. д.). */
list-style-type: lower-roman;
}

Главная | Служба поддержки | Поиск по сайту | Карта сайта | RSS | Наверх
Copyright © 2009-2012 Regac.Ru All rights reserved.