Тип CSS `<display-listitem>`
Базовый уровень Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она доступна во всех браузерах с июля 2015 года.
Ключевое слово list-item заставляет элемент создавать псевдоэлемент ::marker с содержимым, указанным в его свойствах list-style (например, маркер списка), а также основное поле указанного типа для собственного содержимого.
Синтаксис
Одно значение list-item заставляет элемент вести себя как элемент списка. Его можно использовать вместе со свойствами list-style-type и list-style-position.
list-item также можно комбинировать с любым ключевым словом <display-outside> и ключевыми словами <display-inside> flow или flow-root.
Примечание: В браузерах, поддерживающих двухзначный синтаксис, если внутреннее значение не указано, по умолчанию используется flow. Если внешнее значение не указано, внешний тип отображения основного поля будет block.
Формальный синтаксис
<display-listitem> = <display-outside>? && [ flow | flow-root ]? && list-item <display-outside> = block | inline | run-in
Примеры
HTML
<div class="fake-list">I will display as a list item</div>
CSS
.fake-list {
display: list-item;
list-style-position: inside;
}
Результат
Спецификации
Совместимость с браузерами
| Компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome для Android | Firefox для Android | Opera для Android | Safari на iOS | Samsung Internet | WebView для Android | WebView на iOS | |
list-item |
1 |
12 |
1 |
7 |
1 |
18 |
4 |
14 |
1 |
1.0 |
4.4 |
1 |
legend-support |
71 |
79 |
64 |
58 |
Нет |
71 |
64 |
50 |
Нет |
10.0 |
71 |
Нет |
См. также
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/display-listitem
