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, яке встановлює нумерацію у вигляді великих грецьких літер (Α, Β, Γ, Δ,...).