<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 для AndroidEdge MobileFirefox для AndroidOpera для AndroidiOS SafariSamsung Internet
Базовая поддержкаChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 1IE Полная поддержка 6Opera Полная поддержка 7Safari Полная поддержка 1WebView Android Полная поддержка ДаChrome Android Полная поддержка ДаEdge Mobile Полная поддержка 12Firefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да

Легенда

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

Метки документа и участники

Внесли вклад в эту страницу: bsergey
Обновлялась последний раз: bsergey,