Синтаксис
<ul>
<li>...</li>
</ul>
или
<ol>
<li>...</li>
</ol>
Описание
Тег <li> (от англ. list item — пункт списка) определяет отдельный пункт списка.
Внимание!
Элемент должен находиться в родительском контейнере: маркированный список (тег <ul>), нумерованный список (тег <ol> ) или в контекстном меню (тег <menu>).
По умолчанию браузеры отображают пункты списка с небольшим отступом с левой стороны.
Тег <li> относится к блочным элементам, он всегда начинается с новой строки, а другие элементы после неё отображаются на следующей строке.
Атрибуты, которые можно использовать в теге <li>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.
Атрибуты
| Атрибут | Значение | Описание |
| type | 1 A a I i disc square circle |
Определяет тип маркера нумерованного или маркированного списка. Важно! Атрибут больше не используется. Вместо него мы рекомендуем использовать CSS свойство list-style-type или list-style-image, с помощью которого вместо маркеров можно использовать изображения |
| value | число |
Указывает число, с которого будет начинаться нумерованный список. Могут быть использованы отрицательные значения. Работает только с нумерованным списком |
Пример
HTML-код:
Отображение в браузере:
Маркированный список:
- строка один
- строка два
- строка три
Нумерованный список:
- строка один
- строка два
- строка три
Параметры CSS по умолчанию
li {
display: list-item;
}
Поддержка браузера
|
Элемент |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
| <li> | Да | Да | Да | Да | Да |
Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!
Только свежие новости программирования и технологий каждый день.
Комментарии