list-styleプロパティ

プロパティlist-styleは、リスト項目のマーカー種類list-style-type、画像list-style-image、およびその位置list-style-positionを、 ulまたはolタグに対して同時に設定できます。

値の順序は問いません。

例

リストに四角形のマーカーを設定してみましょう：

<ul>
	<li>リスト項目</li>
	<li>リスト項目</li>
	<li>リスト項目</li>
	<li>リスト項目</li>
	<li>リスト項目</li>
</ul>

ul {
	list-style: square outside;
}

次に、プロパティlist-styleで、マーカーの画像とテキストブロック内への配置を設定しましょう：

<ul>
	<li>リスト項目</li>
	<li>リスト項目</li>
	<li>リスト項目</li>
	<li>リスト項目</li>
	<li>リスト項目</li>
</ul>

ul {
	list-style: url("li.gif") inside;
}