list-style-type プロパティ
list-style-type プロパティは、<ul>、 <ol> エレメントといったリストのマーカーフォントを指定するプロパティです。
list-style-type プロパティは <ul>、 <ol> エレメントに指定します。
もしもリストのマーカーを表示したくなければ、以下のように list-style-type: 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 | マーカーフォントの指定 |
