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