The list-style-type property controls the appearance of list markers (bullets or numbers).
list-style-type
Sets the type of bullets or numbering for list items
ul {
list-style-type: square;
}
ol {
list-style-type: upper-roman;
}
list-style-type: square;
}
ol {
list-style-type: upper-roman;
}
check_circle
Works on both unordered and ordered lists
check_circle
Inherited by child elements
check_circle
Use none to remove markers
format_list_bulleted Unordered List Types
- disc (default)
- circle
- square
- none
format_list_numbered Ordered List Types
- decimal (default)
- upper-alpha
- lower-roman
- upper-roman
lightbulb
Pro Tip
For complex styling, combine list-style-type with custom CSS counters to create sophisticated numbering schemes.