marker-offset：マーカーとの間隔を指定する

marker-offsetプロパティは、displayプロパティの[marker値]の指定された要素に対して有効です。

リストマーカーは、[display: marker]の要素に対して、基本ボックスの外側に行ボックスとして生成されます。このボックスはpaddingとborderを持ちますが、marginを持ちません。そのため、[list-style-position]と[marker-offset]を使ってで指定主要ボックスとの距離を調節します。

[display: marker;]は、擬似要素[:before][:after]をセレクタとして指定し、それ以外のセレクタに対しては、[display: inline]と等しくなります。セレクタにマッチした対象のマーカボックスと基本ボックスの距離を指定します。

marker-offset: auto;

自動的に間隔が指定されます。

marker-offset: 数値;

任意の単位に数値を付けて指定します。

marker-offset: inherit;

継承する。

.sample01 {
 list-style: disc url(../images/sample_list_marker.png) outside;
 margin: 0px 0px 0px 50px;
}
li:before {
 display: marker;
 marker-offset: 10px;
} 

<ul class="sample01">
<li>リストサンプル01</li>
<li>リストサンプル02</li>
<li>リストサンプル03</li>
</ul>