The list-style-type property is used to define the leading symbol that is rendered for each list item.
The possible values are.
disc | circle | square |
decimal | decimal-leadin-zero |
lower-roman | upper-roman |
lower-greek |
lower-alpha | upper-alpha |
lower-latin | upper-latin |
herbian | Armenian | Georgian |
cjk-ideographic | hiragana | katakana | hirogana-iroha | katokana-iroha |
none |
snippet
<html>
<head>
</head>
<body>
<form>
<table>
<tr>
<td>
<ul style="list-style-type: disc">
<li>item 1</li>
<li>item 2</li>
</ul>
<ul style="list-style-type: circle">
<li>item 1</li>
<li>item 2</li>
</ul>
<ul style="list-style-type: square">
<li>item 1</li>
<li>item 2</li>
</ul>
</td>
<td>
<ul style="list-style-type: decimal">
<li>item 1</li>
<li>item 2</li>
</ul>
<ul style="list-style-type: decimal-leading-zero">
<li>item 1</li>
<li>item 2</li>
</ul>
</td>
<td>
<ul style="list-style-type: lower-roman">
<li>item 1</li>
<li>item 2</li>
</ul>
<ul style="list-style-type: upper-roman">
<li>item 1</li>
<li>item 2</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul style="list-style-type: lower-greel">
<li>item 1</li>
<li>item 2</li>
</ul>
</td>
<td>
<ul style="list-style-type: lower-alpha">
<li>item 1</li>
<li>item 2</li>
</ul>
<ul style="list-style-type: upper-alpha">
<li>item 1</li>
<li>item 2</li>
</ul>
</td>
<td>
<ul style="list-style-type: lower-latin">
<li>item 1</li>
<li>item 2</li>
</ul>
<ul style="list-style-type: upper-latin">
<li>item 1</li>
<li>item 2</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul style="list-style-type: disc">
<li>item 1</li>
<li>item 2</li>
</ul>
<ul style="list-style-type: hebrew">
<li>item 1</li>
<li>item 2</li>
</ul>
<ul style="list-style-type: Armenian">
<li>item 1</li>
<li>item 2</li>
</ul>
<ul style="list-style-type: Georgian">
<li>item 1</li>
<li>item 2</li>
</ul>
</td>
<td>
<ul style="list-style-type: cjk-ideographic">
<li>item 1</li>
<li>item 2</li>
</ul>
<ul style="list-style-type: hiragana">
<li>item 1</li>
<li>item 2</li>
</ul>
<ul style="list-style-type: katakana">
<li>item 1</li>
<li>item 2</li>
</ul>
<ul style="list-style-type: hiragana-iroha">
<li>item 1</li>
<li>item 2</li>
</ul>
<ul style="list-style-type: katakana-irohana">
<li>item 1</li>
<li>item 2</li>
</ul>
</td>
<td>
<ul style="list-style-type: none">
<li>item 1</li>
<li>item 2</li>
</ul>
</td>
</tr>
</table>
</form>
</body>
</html>
