list-style-type

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>
Related Tutorial
Follow Us
https://www.facebook.com/Rookie-Nerd-638990322793530 # # # # #