プロパティ list-style-position

プロパティ list-style-position は、リストマーカーが ul または ol タグの内側と外側のどちらに表示されるかを設定します。

構文

セレクタ {
	list-style-position: inside | outside;
}

値	説明
`inside`	マーカーはリストの内側に配置されます。
`outside`	マーカーはリストの外側に配置されます。

デフォルト値: outside。

<ul>
	<li>リストアイテム</li>
	<li>リストアイテム</li>
	<li>リストアイテム</li>
	<li>リストアイテム</li>
	<li>リストアイテム</li>
</ul>

ul {
	list-style-position: inside;
	border: 1px solid red;
	width: 200px;
	padding-left: 0;
	margin-left: 10px;
}

<ul>
	<li>リストアイテム</li>
	<li>リストアイテム</li>
	<li>リストアイテム</li>
	<li>リストアイテム</li>
	<li>リストアイテム</li>
</ul>

ul {
	list-style-position: outside;
	border: 1px solid red;
	width: 200px;
	padding-left: 0;
	margin-left: 10px;
}