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

list-style-type プロパティ

 list-style-type プロパティは、<ul><ol> エレメントといったリストのマーカーフォントを指定するプロパティです。

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

 もしもリストのマーカーを表示したくなければ、以下のように list-style-type: none; と指定します。

リストマーカーなし(Exampleを参照
ul{
	list-style-type: none;
}

ページ内 Index

構文(Syntax)

CSS

list-style-type: armenian | circle | cjk-ideographic | decimal | decimal-leading-zero | disc | georgian | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-alpha | lower-greek | lower-latin | lower-roman | none | square | upper-alpha | upper-latin | upper-roman | initial | inherit;

DOM ( JavaScript )

値の取得
String = object.style.listStyleType;
値の設定
object.style.listStyleType="armenian | circle | cjk-ideographic | decimal | decimal-leading-zero | disc | georgian | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-alpha | lower-greek | lower-latin | lower-roman | none | square | upper-alpha | upper-latin | upper-roman | initial | inherit";

値(Values)

 マーカーは環境によって表示が違います。

Value摘要
disc初期値(default値)、
  • 塗りつぶしの丸
  • ...
  • ...
armenian
  • アルメニア数字
  • ...
  • ...
circle
  • ...
  • ...
cjk-ideographic
  • 漢数字
  • ...
  • ...
decimal
  • 数字
  • ...
  • ...
decimal-leading-zero
  • 0付きの数字
  • ...
  • ...
georgian
  • グルジア数字
  • ...
  • ...
hebrew
  • ヘブライ数字
  • ...
  • ...
hiragana
  • ひらがな(あいうえお順)
  • ...
  • ...
hiragana-iroha
  • ひらがな(いろは順)
  • ...
  • ...
katakana
  • カタカナ(アイウエオ順)
  • ...
  • ...
katakana-iroha
  • カタカナ(イロハ順)
  • ...
  • ...
lower-alpha
  • 小文字のアルファベット
  • ...
  • ...
lower-greek
  • 小文字のギリシャ数字
  • ...
  • ...
lower-latin
  • 小文字のアルファベット
  • ...
  • ...
lower-roman
  • 小文字のローマ数字
  • ...
  • ...
none
  • マーカーなし
  • ...
  • ...
square
  • 四角
  • ...
  • ...
upper-alpha
  • 大文字のアルファベット
  • ...
  • ...
upper-latin
  • 大文字のアルファベット
  • ...
  • ...
upper-roman
  • 大文字のローマ数字
  • ...
  • ...
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

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

Example

 list-style-typeの例です。<ul><ol> エレメントのリストマーカーフォントを指定します。

 上側のリストはマーカーフォントはデフォルト。下側はマーカーフォントはなしに指定しています。デフォルトでは「塗りつぶしの丸」が表示されます。