Атрибут type
Синтаксис
(X)HTML
<(ul | ol)> ... <li type="[значение]"> ... </li> ... </(ul | ol)>
Описание
Атрибут / параметр type (от англ. "type" ‒ «тип») задаёт внешний вид маркера (для неупорядоченного списка) или типа нумерации (для упорядоченного списка) списка.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | Lists |
| 4.01 | 10.2 Unordered lists (UL), ordered lists (OL), and list items (LI) type = style-information [CI]...[1] DTD: Transitional
|
| 5.0 | |
| 5.1 | |
| XHTML | |
| 1.0 | Extensible HyperText Markup Language[1] DTD: Transitional
|
| 1.1 | |
- [1] ‒ помечен как «устаревший».
Значения
Для неупорядоченных списков
- circle
- Устанавливает стиль маркера в виде небольшого не закрашенного кружка.
type="circle" - disc
- Устанавливает стиль маркера в виде небольшого закрашенного кружка.
type="disc" - square
- Устанавливает стиль маркера в виде небольшого квадрата.
type="square"
Значение по умолчанию: зависит от уровня вложенности.
Регистр символов: не учитывается.
Для упорядоченных списков
- 1
- Устанавливает стиль нумерации в виде арабских чисел.
type="1" - a
- Устанавливает стиль нумерации в виде строчных букв.
type="a" - A
- Устанавливает стиль нумерации в виде прописных букв.
type="A" - i
- Устанавливает стиль нумерации в виде строчных римских чисел.
type="i" - I
- Устанавливает стиль нумерации в виде прописных римских чисел.
type="I"
Значение по умолчанию: зависит от web-браузера.
Регистр символов: учитывается.
Пример использования
Листинг кода
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Параметр type (Элемент li)</title>
</head>
<body>
<h1>Пример использования атрибута "type"</h1>
<h2>Названия и очерёдность планет солнечной системы</h2>
<ol>
<li>Меркурий;</li>
<li>Венера;</li>
<li>Земля;</li>
<li type="1">Марс;</li>
<li type="a">Юпитер;</li>
<li type="A">Сатурн;</li>
<li type="i">Уран;</li>
<li type="I">Нептун.</li>
</ol>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Параметр type (Элемент li)</title>
</head>
<body>
<h1>Пример использования атрибута "type"</h1>
<h2>Названия и очерёдность планет солнечной системы</h2>
<ol>
<li>Меркурий;</li>
<li>Венера;</li>
<li>Земля;</li>
<li type="1">Марс;</li>
<li type="a">Юпитер;</li>
<li type="A">Сатурн;</li>
<li type="i">Уран;</li>
<li type="I">Нептун.</li>
</ol>
</body>
</html>
Параметр type (Элемент li)