The CSS list-style-type property is used to specify the default marker display of list elements when not using list-style-image for custom graphics as markers. It also serves as a fallback design choice if the image cannot be located by the documented when using list-style-image for custom graphics as markers.
CSS CODE EXAMPLE
<style type="text/css">
#list1 { list-style-type: decimal-leading-zero; }
#list2 { list-style-type: upper-roman; }
#list3 { list-style-type: circle; }
#list4 { list-style-type: square; }
#list5 { list-style-type: none; }
</style>
<ol>
<li>list item</li>
<li>list item</li>
</ol>
<ol id="list1">
<li>list item</li>
<li>list item</li>
</ol>
<ol id="list2">
<li>list item</li>
<li>list item</li>
</ol>
<ol id="list3">
<li>list item</li>
<li>list item</li>
</ol>
<ol id="list4">
<li>list item</li>
<li>list item</li>
</ol>
<ol id="list5">
<li>list item</li>
<li>list item</li>
</ol>
- list item
- list item
- list item
- list item
- list item
- list item
- list item
- list item
- list item
- list item
- list item
- list item
Possible Values:
armenian •• circle •• cjk-ideographic •• decimal •• decimal-leading-zero •• disc •• georgian •• hebrew •• hiragana •• hiragana-iroha •• inherit •• katakana •• katakana-iroha •• lower-alpha •• lower-greek •• lower-latin •• lower-roman •• none •• square •• upper-alpha •• upper-latin •• upper-roman