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

list-style-typeプロパティ

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

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

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

関連するプロパティ

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

list-stylelist-style-type、list-style-position、list-style-imageプロパティを一括で指定
list-style-imageマーカーに画像を指定
list-style-positionマーカーの位置

構文(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>エレメントのリストマーカーフォントを指定します。

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