You canadd following custom CSS to customize the styles of lists.
Ordered List Styles
| Type | Output | CSS |
|---|---|---|
| Numbers (default style) |  | ol {list-style-type: decimal;} |
| Numbers (with leading 0) |  | ol {list-style-type: decimal-leading-zero;} |
| Chinese Numbers |  | ol {list-style-type: cjk-ideographic;} |
| Hiragana |  | ol {list-style-type: hiragana;} |
| Katakana |  | ol {list-style-type: katakana;} |
| Alphabet |  | ol {list-style-type: lower-alpha;} |
| Alphabet (uppercase) |  | ol {list-style-type: upper-alpha;} |
| Greek |  | ol {list-style-type: lower-greek;} |
| Roman numerals (lowercase) |  | ol {list-style-type: lower-roman;} |
| Roman numerals (uppercase) |  | ol {list-style-type: upper-roman;} |
Unordered List Styles
| Type | Output | CSS |
|---|---|---|
| circle |  | ul {list-style-type: circle;} |
| disc |  | ul {list-style-type: disc;} |
| square |  | ul {list-style-type: square;} |
| Custom Contents |  | ul {list-style-type: "* ";} |
| Custom Contents |  | ul {list-style-type: "😎 ";} |
Nested Lists
You can also change styles for nested lists using CSS selector, for example:
ol{list-style-type:decimal;}olol{list-style-type:lower-alpha;}ololol{list-style-type:lower-roman;}Which will render lists like this:
Task Lists
Pleasecheck document here
More Styles
You can find more listing styles athere.