list-style-positionプロパティ
list-style-positionプロパティは、<ul>エレメントといったリストのマーカーの位置を指定するプロパティです。 選択肢としては、inside値だけです。insideでリストはより内側に表示されます。
list-style-positionプロパティは<ul>エレメントに指定します。
ul{ list-style-position: inside; }
関連するプロパティ
以下のような関連するプロパティがあります。
list-style | list-style-type、list-style-position、list-style-imageプロパティを一括で指定 |
list-style-image | マーカーに画像を指定 |
list-style-type | マーカーフォントの指定 |
構文(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値の状態を表示しています。
- ad -