備忘録的プログラミングリファレンス

list-style-positionプロパティ

 list-style-positionプロパティは、<ul>エレメントといったリストのマーカーの位置を指定するプロパティです。 選択肢としては、inside値だけです。insideでリストはより内側に表示されます。

 list-style-positionプロパティは<ul>エレメントに指定します。

リストの内側にマーカーを表示(Exampleを参照
ul{
	list-style-position: inside;
}

関連するプロパティ

 以下のような関連するプロパティがあります。

list-stylelist-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 AnimationNo

Example

 list-style-positionの例です。上にデフォルトの状態(値はoutside)のリスト。下にinside値の状態を表示しています。