list-style-position は、リストマーク（マーカー）の位置（外側、内側）を指定するプロパティです。
ul 要素、ol 要素、li 要素の他、displayプロパティで list-item を指定した要素に適用できます。
※リストについての詳細は、リストタグのカテゴリーをご覧ください。
ul {
list-style-position: outside;
}
ol {
list-style-position: inside;
}
| list-style-position | outside … （リスト領域の外側に表示）デフォルト |
|---|---|
| inside … （リスト領域の内側に表示） |
<html>
<head>
<title>TAG index Webサイト</title>
<style type="text/css">
<!--
#example1 { list-style-position: outside; }
#example2 { list-style-position: inside; }
-->
</style>
</head>
<body>
<ul id="example1">
<li>マーカーを<br>リスト領域の外側に表示</li>
<li>マーカーを<br>リスト領域の外側に表示</li>
<li>マーカーを<br>リスト領域の外側に表示</li>
</ul>
<ul id="example2">
<li>マーカーを<br>リスト領域の内側に表示</li>
<li>マーカーを<br>リスト領域の内側に表示</li>
<li>マーカーを<br>リスト領域の内側に表示</li>
</ul>
</body>
</html>
▼これをブラウザで見ると次のように表示されます
