<display-listitem>

list-item 关键字使元素生成一个 ::marker 伪元素，其内容由其 list-style 属性指定（例如，项目符号），以及为其自身内容指定类型的基本框。

语法

list-item 的单个值将使元素的行为类似于列表项。这可以与 list-style-type 和 list-style-position 一起使用。

list-item 也可以与任何 <display-outside> 关键字以及 flow 或 flow-root <display-inside> 关键字组合使用。

注意：在支持双值语法的浏览器中，如果未指定内部值，则默认为 flow。如果未指定外部值，则主框的外部显示类型将为 block。

正式语法

<display-listitem> = 
  <display-outside>?     &&
  [ flow | flow-root ]?  &&
  list-item              

<display-outside> = 
  block   |
  inline  |
  run-in

示例

HTML

html

<div class="fake-list">I will display as a list item</div>

CSS

css

.fake-list {
  display: list-item;
  list-style-position: inside;
}

结果

规范

规范
CSS 显示模块级别 3 # typedef-display-listitem

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅

display