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

list-styleプロパティ

 list-styleプロパティは、<ul>エレメントといったリストのマーカーに関するlist-style-typelist-style-positionlist-style-imageプロパティを一括で指定するプロパティです。list-styleプロパティは<ul>エレメントに指定します。

 list-styleプロパティは以下のプロパティを一括指定できます。

リスト内にマーカーを画像で表示もしくはcircleで表示
ul{
	list-style: circle inside url('../img/example_image.gif');
}

構文(Syntax)

CSS

list-style: list-style-type list-style-position list-style-image | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.listStyle;
値の設定
object.style.listStyle="list-style-type list-style-position list-style-image | initial | inherit";

設定値(Values)

Value摘要
list-style-typeマーカーのフォント
list-style-positionマーカーの位置
list-style-image画像を表示
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)disc outside none
継承(Inherited)Yes
CSS AnimationNo