Свойство CSS list-style-type
- предыдущая страница list-style-position
- Следующая страница margin
Определение и использование
Свойство list-style-type устанавливает тип маркера элементов списка.
См. также:
Урок CSS:CSS списки
Руководство по CSS:Свойство CSS list-style
Руководство по HTML DOM:Свойство listStyleType
Пример
Установите различные стили списков:
ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ol.upper-roman {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}
(Более подробно можно найти в нижней части страницы)
Грамматика CSS
list-style-type: value;
Значение атрибута
Значения CSS2:
| Значение | Описание |
|---|---|
| none | Без маркера. |
| disc | По умолчанию. Маркер - это сплошной круг. |
| circle | Маркер - это пустой круг. |
| square | Маркер - это сплошной квадрат. |
| decimal | Маркер - это число. |
| decimal-leading-zero | Числовые маркеры, начинающиеся с нуля. (01, 02, 03 и т.д.) |
| lower-roman | Нижние римские цифры (i, ii, iii, iv, v и т.д.) |
| upper-roman | Буквенные римские цифры (I, II, III, IV, V и т.д.) |
| lower-alpha | Нижний регистр латинских букв: маркер - lower-alpha (a, b, c, d, e и т.д.) |
| upper-alpha | Капитальные английские буквы Маркер: upper-alpha (A, B, C, D, E, и т.д.) |
| lower-greek | Нижние греческие буквы (alpha, beta, gamma, и т.д.) |
| lower-latin | Нижние латинские буквы (a, b, c, d, e, и т.д.) |
| upper-latin | Капитальные латинские буквы (A, B, C, D, E, и т.д.) |
| hebrew | Традиционная еврейская система нумерации |
| armenian | Традиционная армянская система нумерации |
| georgian | Традиционная георгийская система нумерации (an, ban, gan, и т.д.) |
| cjk-ideographic | Простые иероглифические числа |
| hiragana | Маркеры: a, i, u, e, o, ka, ki, и т.д. (японская кандзи) |
| katakana | Маркеры: A, I, U, E, O, KA, KI, и т.д. (японская кандзи) |
| hiragana-iroha | Маркеры: i, ro, ha, ni, ho, he, to, и т.д. (японская кандзи) |
| katakana-iroha | Маркеры: I, RO, HA, NI, HO, HE, TO, и т.д. (японская кандзи) |
Значения CSS2.1:
disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | none | inherit
Технические детали
| Default value: | disc |
|---|---|
| Инheritability: | да |
| Версия: | CSS1 |
| JavaScript синтаксис: | объект.style.listStyleType="square" |
Более примеров
- Различные типы маркеров списков вUnordered списке
- Этот пример демонстрирует различные типы маркеров списков в CSS.
- Различные типы маркеров списков вOrdered списке
- Этот пример демонстрирует различные типы маркеров списков в CSS.
- Все типы списков стиля
- Этот пример демонстрирует все различные типы маркеров списков в CSS.
Поддержка браузерами
Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- предыдущая страница list-style-position
- Следующая страница margin
