Тег <ul>

Синтаксис

Описание

Тег <ul> (от англ. unordered list — неупорядоченный список) устанавливает маркированный список.

Внимание!

Внутри элемента <ul> должен располагаться тег <li>, который наследует свойства контейнера.

Элемент <ul> относится к блочным тегам, он всегда начинается с новой строки, а другие элементы после неё отображаются на следующей строке.

По умолчанию, маркированные списки отображаются на веб-странице в виде списка и начинаются с маленького чёрного круга и небольшим отступом от левого края.

Примечание!

Альтернативой для маркированного списка <ul> есть нумерованный список <ol>.

Тег <ul> поддерживает глобальные атрибуты и атрибуты события.

Атрибуты

Атрибут	Значение	Описание
compact	compact	Сокращает отступы и расстояния между строками. Не поддерживается в HTML5
type	disc square circle	Устанавливает вид маркера списка. Не поддерживается в HTML5

Пример

HTML-код:

<!DOCTYPE html>

<head>

</head>

<body>

<p>Маркированный список:</p>

<ul>

<li>строка один</li>

<li>строка два</li>

<li>строка три</li>

</ul>

</body>

</html>

Отображение в браузере:

Маркированный список:

строка один
строка два
строка три

Параметры CSS по умолчанию

ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}