<display-listitem>
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..
* Some parts of this feature may have varying levels of support.
Ключевое слово list-item приводит к тому, что элемент генерирует ::marker псевдо-элемент с определяемыми list-style свойствами (например, маркерной точкой) вместе с основным блоком указанного типа для его содержимого.
Синтаксис
Единственное значение list-item приведёт к тому, что элемент будет вести себя как элемент списка. Это можно использовать вместе с list-style-type и list-style-position.
Примечание:
В браузерах, поддерживающих двухзначный синтаксис, если внутреннее значение не указано, по умолчанию оно будет flow. Если внешнее значение не указано, основной блок будет иметь внешний вид отображения (outer display type) block.`
Пример
HTML
<div class="fake-list">I will display as a list item</div>
CSS
.fake-list {
display: list-item;
list-style-position: inside;
}
Результат
Совместимость с браузерами
Поддержка list-item
Loading…