list-style-type
Оновлено: 29.03.2023
list-style-type
Изменяет вид маркера для каждого элемента списка. Это свойство используется только в случае, когда значение list-style-image установлено как none. Маркеры различаются для маркированного списка (элемент <ul>) и нумерованного (элемент <ol>).
Коротка інформація
| Значення за замовчуванням | disc (для <ul>); decimal (для <ol>) |
| Успадковується | Так |
| Застосовується | К элементам <li>, <ol> и <ul>, а также ко всем элементам, у которых указано display: list-item |
| Анімується | Ні |
Синтаксис
list-style-type: circle | disc | square | armenian | decimal | decimal-leading-zero |
georgian | lower-alpha | lower-greek | lower-latin | lower-roman |
upper-alpha | upper-latin | upper-roman | none
Значення
Значення залежать від того, до якого типу списку вони застосовуються: маркованого або нумерованого.
Маркований список
| circle | Маркер у вигляді кружка. |
| disc | Маркер у вигляді крапки. |
| square | Маркер у вигляді квадрата. |
Нумерований список
| armenian | Традиційна вірменська нумерація. |
| decimal | Арабські числа (1, 2, 3, 4,...). |
| decimal-leading-zero | Арабські числа з нулем попереду для цифр, менших за десять (01, 02, 03,...). |
| georgian | Традиційна грузинська нумерація. |
| lower-alpha | Малі латинські літери (a, b, c, d,...). |
| lower-greek | Малі грецькі літери (α, β, γ, δ,...). |
| lower-latin | Це значення аналогічне lower-alpha. |
| lower-roman | Римські цифри в нижньому регістрі (i, ii, iii, iv, v,...). |
| upper-alpha | Заголовні латинські літери (A, B, C, D,...). |
| upper-latin | Це значення аналогічне upper-alpha. |
| upper-roman | Римські числа у верхньому регістрі (I, II, III, IV, V,...). |
| none | Скасовує маркери для списку. |
Приклад
Об'єктна модель
Об'єкт.style.listStyleType
Примітка
У браузері Internet Explorer 6 під час використання нумерованого списку <ol> і значення inside властивості list-style-position, числа, що йдуть з 10, починають накладатися на текст списку.
Браузер Internet Explorer до версії 7 включно не підтримує значення armenian, decimal-leading-zero, georgian, lower-greek, lower-latin, upper-latin. Замість них виводиться нумерація арабськими числами. У цьому браузері нумерація або маркери не відображаються для плаваючих елементів (ul { float: left; }).
Internet Explorer 8 додатково розуміє значення upper-greek, яке встановлює нумерацію у вигляді великих грецьких літер (Α, Β, Γ, Δ,...).