list-style-typeSelect the style for your list items. Numbering styles should be used with order lists, while shapes are best saved for unordered lists. | Value | Description | | circle | Makes the bullet for each list item a circle. | | square | Makes the bullet for each list item a square. | | disc | Makes the bullet for each list item a disc. This is the default unordered list setting. | | upper-alpha | Changes the list style numbering to uppercase alphabetic. | | lower-alpha | Changes the list style numbering to lowercase alphabetic. | | upper-roman | Changes the list style numbering to uppercase roman numerals. | | lower-roman | Changes the list style numbering to lowercase roman numerals. | | decimal | This is the default numbering for an ordered list. List items are numbering in numerical order. |
Code:ol { list-style-type: upper-roman; }
ul { list-style-type: circle; } Display:Here is an ordered list:
- This list is
- using roman
- numerals
- with CSS!
and now an unordered list:
- This list is
- using circle types
- with CSS!
|