list-style-position CSS プロパティとは
トピック：リストアイテムの位置を制御するために使用する ことができる リスト項目の主要ブロックボックスに対するリスト項目のマーカーの位置を指定する
プロパティ list-style-position
基本 書式：セレクタ {list-style-position:値;}
実例 コード 1
サンプル コードを試す<style>
ul {
background-color: lightgreen;
}
.outside {
list-style-position: outside;
}
.inside {
list-style-position: inside;
}
</style>
<ul class="outside">
<li>list-style-type</li>
<li>list-style-position</li>
<li>list-style-image</li>
</ul>
<ul class="inside">
<li>list-style-type</li>
<li>list-style-position</li>
<li>list-style-image</li>
</ul>
プロパティ 定義と使用法
| デフォルト値・初期値 : | outside |
|---|
| 適用対象 : | リスト項目 |
|---|
| 継承 : | 継承する |
|---|
| メディア : | visual |
|---|
| 計算値 : | 指定値 |
|---|
CSS Version | CSS1 ～ |
|---|
| アニメーションの種類 : | 個別 アニメーション可能なプロパティ 一覧 |
|---|
| JavaScript 構文 | object.style.listStylePosition="funWebref" |
|---|
| 正規順序 : | 形式文法で定義される一意のあいまいでない順序 |
|---|
| CSSの構文 | list-style-position: inside | outside | initial | inherit; |
|---|
プロパティ値
| 値 | 説明 |
inside | リストマーカーは、主要ブロックボックスの最初のインラインボックスとして要素の内容の前に配置される |
outside | リストマーカーは、主要ブロックボックスの外側に配置される これはデフォルトです。 |
inherit | このプロパティをデフォルト値に設定する |
inherit | 親要素からこのプロパティを継承する |
unset | この値は、プロパティが継承されるかどうかに応じて、inheritまたはのいずれかinitialとして機能します。つまり、すべてのプロパティを継承可能な場合は親の値に設定し、継承できない場合は初期値に設定する |
：list-style-position 関連記事 
CSS list-style-position | CSS プロパティ 値| 意味 使い方 実例 – WebRef