<display-listitem>
Baseline 广泛可用 *
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 Display Module Level 3 # typedef-display-listitem |
浏览器兼容性
加载中…