Встановлює вигляд маркера. Тип маркера та його значення залежить від зовнішнього контейнера <ul> або <ol>.
Даний атрибут застарів, натомість використовуйте стилі.
Синтаксис
<li type="disc | circle | square">...</li> <li type="A | a | I | i | 1">...</li>
Значення
Для маркованого списку (елемент <ul>) маркери можуть приймати один із трьох видів: коло, коло та квадрат. Значення атрибуту type і вид, що отримується, показаний в табл. 1.
| Код | Приклад |
|---|---|
| <li type="disc"> |
|
| <li type="circle" > |
|
| <li type="square"> |
|
Нумеровані списки представляють собою набір елементів зі своїми порядковими номерами. Вигляд та тип нумерації залежить від атрибутів елемента <ol>, який використовується для створення списку. В якості номерів можуть бути такі значення:
- великі латинські літери;
- малі латинські літери;
- великі римські цифри;
- малі римські цифри;
- арабські цифри.
У табл. 2 наведено різні значення атрибуту type елемента <li> та результат їх застосування.
| Код | Приклад |
|---|---|
| < ;ol> <li type="A"></ol> |
| tr>
| <ol> <li type="a"></ol> |
| tr>
| <ol> <li type="I"></ol> |
| tr>
| <ol> <li type="i"></ol> |
| tr>
| <ol> <li type="1"></ol> |
| tr>
Значення за замовчуванням
disc і 1
Приклад
<!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>LI, атрибут type</title> </head> <body> <ul> <li type="square">Чебурашка</li> <li>Крокодил Гена</li> <li type="circle">Шапокляк</li> </ul> </body> </html>
Результат цього прикладу показаний на рис. 1.
Мал. 1. Різні маркери у списку
Примітка
Для зміни виду маркерів через стилі використовується властивість list-style, яка додається до селектора ul.
< ;!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>li</title> <style> ul { list-style: square; /* Тип маркерів */
}
</style>
</head>
<body> <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li>
</ul>
</body>
</html>