list-style-position プロパティ
list-style-position プロパティは、<ul> エレメントといったリストのマーカーの位置を指定するプロパティです。 選択肢としては、inside値だけです。inside でリストはより内側に表示されます。
list-style-position プロパティは<ul> エレメントに指定します。
ul{
list-style-position: inside;
}
ページ内 Index
構文(Syntax)
CSS
list-style-position: outside | inside | initial | inherit;
DOM ( JavaScript )
String = object.style.listStylePosition;
object.style.listStylePosition="outside | inside | initial | inherit";
値（Values）
| Value | 摘要 |
|---|---|
| outside | 初期値（default値）マーカーをリスト外に表示 |
| inside | マーカーをリスト内に表示 |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | outside |
| 継承（Inherited） | Yes |
| CSS Animation | No |
Example
list-style-position の例です。上にデフォルトの状態（値は outside ）のリスト。下に inside 値の状態を表示しています。
関連するプロパティ
以下のような関連するプロパティがあります。
| list-style | list-style-type、list-style-position、list-style-imageプロパティを一括で指定 |
| list-style-image | マーカーに画像を指定 |
| list-style-position | マーカーの位置 |
| list-style-type | マーカーフォントの指定 |