Элемент <ul>
Элемент <ul>
(от англ. unordered list — неупорядоченный список) представляет собой неупорядоченный список, т. е. такой список, где порядок следования пунктов списка не важен. По умолчанию браузеры предваряют каждый элемент списка маркером в виде кружочка, поэтому неупорядоченный список иначе ещё называют маркированным.
Каждый пункт списка определяется дочерним элементом <li>
.
Категории | Потоковое содержимое, если элемент <ul> содержит хотя бы один дочерний элемент <li> : явное содержимое. |
---|---|
Синтаксис | <ul>...</ul> |
Опускание тегов | Начальный и конечный теги обязательны. |
Модель содержимого | Ноль или больше элементов <li> и элементы, поддерживающие скрипты. |
Атрибуты
Для элемента <ul>
доступны глобальные атрибуты и события.
Стиль по умолчанию
Стиль по умолчанию для элемента <ul>
, определённый в спецификации HTML:
ul {
display: block;
margin-block: 1em;
padding-inline-start: 40px;
counter-reset: list-item;
list-style-type: disc;
}
:is(dir, dl, menu, ol, ul) ul {
margin-block: 0;
list-style-type: circle;
}
:is(dir, menu, ol, ul) :is(dir, menu, ol, ul) ul {
list-style-type: square;
}
Пример
<p>Список покупок:</p>
<ul>
<li>Кофе</li>
<li>Чай</li>
<li>Молоко</li>
</ul>
Результат
Список покупок:
- Кофе
- Чай
- Молоко