list-style-positionプロパティは、リストマーカーの表示位置を内側か外側か指定します。

対応ブラウザ

• 
• 
• 
• 
• 
• 
• 

プロパティの解説

値

inside｜outside｜inherit

初期値

outside

適用される要素

li要素、display: list-item;の要素

継承

します

パーセント値

N/A

メディア

visual

値の解説

inside

マーカーはボックスの内側に表示されます。

outside

マーカーはボックスの外側に表示されます。

CSS2.1の仕様では、マーカーの正確な位置は定められていないので、UA（ブラウザとか）に依存しています。いつになるか分かりませんが、将来的には定められるようです。

list-style-positionのサンプル

ul {
  background: #f2f2f2;
}

ul.outside {
  list-style-position: outside;
}

ul.inside {
  list-style-position: inside;
}

<ul class="outside">
<li>outsideのサンプルです。<br />マーカーが外側に有ります。</li>
</ul>
<ul class="inside">
<li>insideのサンプルです。<br />マーカーが内側に有ります。</li>
</ul>

このサンプルを今見ているブラウザで表示すると以下のようになります。

サンプルのブラウザ上の表示

• outsideのサンプルです。
  マーカーが外側に有ります。

• insideのサンプルです。
  マーカーが内側に有ります。

insideの使い道がイマイチ見えてこない感じで。