list-style-type プロパティ
list-style-type プロパティは、<ul>、 <ol> エレメントといったリストのマーカーフォントを指定するプロパティです。
list-style-type プロパティは <ul>、 <ol> エレメントに指定します。
もしもリストのマーカーを表示したくなければ、以下のように line-style: none; と指定します。
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 |
|
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 Animation | No |
Example
list-style-typeの例です。<ul>、 <ol> エレメントのリストマーカーフォントを指定します。
上側のリストはマーカーフォントはデフォルト。下側はマーカーフォントはなしに指定しています。デフォルトでは「塗りつぶしの丸」が表示されます。
関連するプロパティ
以下のような関連するプロパティがあります。
list-style | list-style-type、list-style-position、list-style-imageプロパティを一括で指定 |
list-style-image | マーカーに画像を指定 |
list-style-position | マーカーの位置 |
list-style-type | マーカーフォントの指定 |