list-style-type

list-style-type

CSS list-style-type Property

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>

 

1. list item
2. list item

1. list item
2. list item

1. list item
2. list item

1. list item
2. list item

1. list item
2. list item

1. list item
2. 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

click here to code. 

Tweet