The list-style-type property in CSS is used to specify the type of marker to use in a list. The decimal value is one option that can be used with this property, and it causes each list item to be marked with a number.
List Style Type Number Example in CSS
Here is an example of how to use the list-style-type: decimal property in a CSS rule:
ul {
list-style-type: decimal;
}This rule would apply to all unordered lists on the page, and it would cause each list item to be marked with a number, starting at 1 and incrementing by 1 for each subsequent list item. For example, the list items in the following unordered list would be marked with numbers:
<ul> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul>
The output would look something like this:
- List item 1
- List item 2
- List item 3
Note that the list-style-type property can be used with ordered lists (<ol>) as well as unordered lists (<ul>). In the case of ordered lists, the list-style-type property determines the type of number used to mark each list item (e.g. Arabic numerals, roman numerals, etc.).
