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!
|