<display-listitem>

Ключевое слово 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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
list-itemChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 1IE Полная поддержка 6Opera Полная поддержка 7Safari Полная поддержка 1WebView Android Полная поддержка ≤37Chrome Android Полная поддержка 18Firefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка 1Samsung Internet Android Полная поддержка Да
Supported on <legend>Chrome Полная поддержка 71Edge Нет поддержки НетFirefox Полная поддержка 64IE Нет поддержки НетOpera Полная поддержка 58Safari Нет поддержки НетWebView Android Полная поддержка 71Chrome Android Полная поддержка 71Firefox Android Полная поддержка 64Opera Android Полная поддержка 50Safari iOS Нет поддержки НетSamsung Internet Android Нет поддержки Нет

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки