Характеристики свойства
В каких браузерах работает?
8.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
В каких версиях CSS используется?
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
+ | + | + | + |
Для чего используется?
Осуществляет контроль за методом осуществления маркировки как нумерованного списка, так и маркированного. Свойство list-style-image имеет более высокий приоритет в сравнении с указанным оператором. К использованию list-style-image прибегают в том случае, если стандартный смисок маркировок является недостаточным и требуются уникальные отметки.
Как правильно задавать?
list-style-type:параметр вида;
Какие могут быть значения?
В зависимости от типа списка различают следующие значения:
Маркированный список
- circle - обрисовывает круглый значок маркировки.
- disc - имеет вид диска.
- square - рисует квадратный значок для строки списка.
Нумерованный список
- armenian - отсчет ведется по армянской схеме.
- decimal - классическая нумерация арабскими цифрами.
- decimal-leading-zero - отсчет ведется посредством арабских цифр с использованием 0 в числах до десяти (к примеру, 07).
- georgian - грузинские отметки исчисления.
- lower-alpha или lower-latin - установка маркеров по латинскому алфавиту.
- lower-greek - установка маркеров по греческому алфавиту.
- lower-roman - использование римских цифр для нумерации в соответствии с нижним регистром.
- upper-alpha или upper-latin - установка маркеров заглавными буквами по латинскому алфавиту.
- upper-roman - использование римских цифр для нумерации в соответствии с верхним регистром.
- none - запрещает вывод маркеров.
- inherit - повторяет стили родительского элемента.
Пример использования
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Свойство list-style-type</title> <style> li { list-style-type:upper-roman; } </style> </head> </head> <body> <ul> <li>home</li> <li>site</li> <li>image</li> </ul> </body> </html>
По итогу получаем
Тип CSS свойства:
Список