CSS 数据类型 - display-listitem

关键字 list-item 使元素生成一个：：marker 伪元素，该伪元素具有由 list-style 属性指定的内容，以及用于其自身内容的指定类型的主框。

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

关键字列表项可以与任何 <display-outside> 关键字和 <display-inside> 关键字（例如 flow 或 flow-root）结合使用。

注意：支持 two-value 语法的浏览器在未传递时，将默认将内部值设为 flow。当没有传递外部值时，主框将具有外部显示类型的块。

语法


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

CSS <display-listitem> - 列表项

以下示例演示了 display： list-item 的用法，其中 div 元素显示为列表值：


<html>
<head>
<style>	
	 	.sample-list {
	 	 	 display: list-item;
	 	 	 list-style-position: inside;
	 	 	 color: green;
	 	 	 font-size: 1.5em;
	 	}
</style>
</head>
<body>
	 	<h1><display-listitem> data type</h1>

	 	<div class="sample-list">First list item</div>
	 	<div class="sample-list">Second list item</div>
</body>
</html>

本页