| 属性名 | list-style-type |
|---|---|
| 値 | <string> | <counter-style> | inline | none |
| 初期値 | disc |
| 適用可能要素 | li などのリストアイテム要素 |
| 継承 | 継承する |
| メディア | Visual / List |
| サポート | C1 / e4 / N4 / Fx1 / Ch1 / Op3.5 / Sa1 |
リストのスタイルタイプを指定します。
| 値 | 説明 |
|---|---|
| none | 表示しない (C2/e/Fx/Ch/Op/Sa) |
| disc | 黒丸(●) (C2/e/Fx/Ch/Op/Sa) |
| circle | 白丸(○) (C2/e/Fx/Ch/Op/Sa) |
| square | 黒四角(■) (C2/e/Fx/Ch/Op/Sa) |
| box | 白四角(□) (C3) |
| check | チェックマーク(✓) (C3) |
| diamond | ダイヤモンドマーク(◆) (C3) |
| dash | ダッシュ(—) (C3) |
| decimal | 数字(1, 2, 3...) (C2/e/Fx/Op/Sa) |
| decimal-leading-zero | 0付き数字(01, 02, 03...) (C2/e/Fx/Ch/Op/Sa) |
| cjk-ideographic | 漢数字(一, 二, 三...) (C3/Fx/Ch/Sa) |
| upper-roman | 大文字ローマ数字(I, II, III...) (C2/e/Fx/Ch/Op/Sa) |
| lower-roman | 小文字ローマ数字(i, ii, iii...) (C2/e/Fx/Ch/Op/Sa) |
| upper-alpha | 大文字アルファベット(A, B, C...) (C2/e/Fx/Ch/Op/Sa) |
| lower-alpha | 小文字アルファベット(a, b, c...) (C2/e/Fx/Ch/Op/Sa) |
| upper-latin | 大文字ラテン文字(A, B, C...) (C2/e/Fx/Ch/Op/Sa) |
| lower-latin | 小文字ラテン文字(a, b, c...) (C2/e/Fx/Ch/Op/Sa) |
| upper-greek | 大文字ギリシャ文字(Α, Β, Γ...) (C2/e/Ch/Sa) |
| lower-greek | 小文字ギリシャ文字(α, β, γ...) (C2/e/Fx/Ch/Op/Sa) |
| hiragana | ひらがな(あ, い, う...) (C2/Fx/Ch/Sa) |
| katakana | カタカナ(ア, イ, ウ...) (C2/Fx/Ch/Sa) |
| hiragana-iroha | ひらがな-いろは(い, ろ, は...) (C2/Fx/Ch/Sa) |
| katakana-iroha | カタカナ-イロハ(イ, ロ, ハ...) (C2/Fx/Ch/Sa) |
| japanese-formal | 日本-公式(壱, 弐, 参...) (C3) |
| japanese-informal | 日本-非公式(一, 二, 三...) (C3) |
| simp-chinese-formal | 簡体字中国語-公式(壹, 贰, 叁...) (C3) |
| simp-chinese-informal | 簡体字中国語-非公式(一, 二, 三...) (C3) |
| trad-chinese-formal | 繁体字中国語-公式(壹, 貳, 參...) (C3) |
| trad-chinese-informal | 繁体字中国語-非公式(一, 二, 三...) (C3) |
| korean-hangul-formal | 韓国ハングル-公式(영, 일, 삼...) (C3) |
| korean-hanja-formal | 韓国漢字-公式(一, 二, 三...) (C3) |
| korean-hanja-informal | 韓国漢字-非公式(壹, 貳, 參...) (C3) |
| circled-decimal | 丸数字(①, ②, ③...) (C3) |
| dotted-decimal | ドット付き数字(⒈, ⒉, ⒊...) (C3) |
| double-circled-decimal | 二重丸数字(⓵, ⓶, ⓷...) (C3) |
| filled-circled-decimal | 黒丸数字(❶, ❷, ❸...) (C3) |
| parenthesized-decimal | 括弧付き数字(⑴, ⑵, ⑶...) (C3) |
| ethiopic-numeric | エチオピア数字(፩, ፪, ፫...) (C3) |
| hebrew | ヘブライ数字(א, ב, ג...) (C2.0/Fx/Ch) |
| armenian | アルメニア数字(Ա, Բ, Գ...) (C2/e/Fx/Ch/Op) |
| georgian | グルジア数字(ა, ბ, გ...) (C2/e/Fx/Ch/Op) |
上記の他にも、CSS3 では数多くのタイプが定義されています。
@counter-style で独自のタイプを定義することも可能です。
@counter-style cjk-heavenly-stem {
type: alphabetic;
glyphs: '\7532' '\4E59' '\4E19' '\4E01' '\620A' '\5DF1' '\5E9A' '\8F9B' '\58EC' '\7678';
/* '甲' '乙' '丙' '丁' '戊' '己' '庚' '辛' '壬' '癸' */
suffix: '、';
}
<h5>none</h5> <ul style="list-style:none"> <li>HTML <li>CSS <li>JavaScript </ul> <h5>disc</h5> <ul style="list-style:disc"> <li>HTML <li>CSS <li>JavaScript </ul> ～略～ <h5>georgian</h5> <ol style="list-style:georgian"> <li>HTML <li>CSS <li>JavaScript </ol>