list-style-type
Поддержка браузерами
| 12.0+ | 4.0+ | 1.0+ | 1.0+ | 3.5+ | 1.0+ |
Описание
CSS свойство list-style-type указывает вид маркера для элементов списка. Оно позволяет изменить или убрать маркеры HTML списка.
Для маркированных списков в CSS есть всего три вида маркеров: circle, disk и squred. Остальные значения свойства list-style-type предназначены для нумерованных списков.
Чтобы убрать маркеры у списка, то есть получить список без маркеров, надо в качестве значения для свойства list-style-type указать none. Для изменения маркеров у списка, надо просто выбрать любое значение, отличное от значения по умолчанию:
/* удаляем маркеры у маркированного списка */
ul { list-style-type: none; }
/* изменяем числа в нумерованном списке на маленькие латинские буквы */
ol { list-style-type: lower-latin; }
Если ни один из представленных видов маркеров вам не подходит, то вы можете воспользоваться свойством list-style-image и заменить стандартный вид маркера любой картинкой.
Примечание: цвет стандартного маркера, устанавливаемого с помощью свойства list-style-type, будет таким же как и цвет, установленный для текста в элементе. Цвет текста устанавливается и изменяется с помощью свойства color.
| Значение по умолчанию: | "disc" для <ul> и "decimal" для <ol> |
|---|---|
| Применяется: | к спискам (<ul> и <ol>) и пунктам списка (<li>) |
| Анимируется: | нет |
| Наследуется: | да |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.listStyleType="square" |
Синтаксис
list-style-type: значение;
Значения свойства
| Значение | Описание |
|---|---|
| armenian | Армянские цифры. |
| circle | Круг. |
| cjk-ideographic | Идеографические номера. |
| decimal | Десятичные цифры. |
| decimal-leading-zero | Десятичные цифры, начинающиеся с нуля (01, 02, 03...). |
| disc | Диск. |
| georgian | Грузинские цифры. |
| hebrew | Нумерация Иврита. |
| hiragana | Нумерация Хирагана. |
| hiragana-iroha | Нумерация Хирагана-ироха. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
| katakana | Нумерация Катакана. |
| katakana-iroha | Нумерация Катакана-ироха. |
| lower-alpha | Строчные буквы латинского алфавита (a, b, c, d, e...). |
| lower-greek | Строчные греческие буквы. |
| lower-latin | Строчные латинские буквы(a, b, c, d, e...). |
| lower-roman | Маленькие римские цифры (i, ii, iii, iv, v...). |
| none | Список без маркера. |
| square | Квадрат. |
| upper-alpha | Прописные буквы латинского алфавита (A, B, C, D, E...). |
| upper-latin | Прописные латинские буквы (A, B, C, D, E...). |
| upper-roman | Прописные римские цифры(I, II, III, IV, V...). |
Пример
- Измените значение свойства list-style-type
- Посмотрите на результат
- Некоторые значения свойства не работают в IE или Opera
list-style-type: armenian;
}