CSS Property Value How to - list-style-type possible values








Question

We would like to know how to list-style-type possible values.

Answer


<html>
<head>
<style>
    li.a {list-style:none;}<!--   www. j ava  2 s  .  com-->
    li.b {list-style:disc;}
    li.c {list-style:circle;}
    li.d {list-style:square;}
    li.e {list-style:decimal;}
    li.f {list-style:lower-alpha;}
    li.g {list-style:upper-alpha;}
    li.h {list-style:lower-roman;}
    li.i {list-style:upper-roman;}
</style>  
</head>
<body>
<ul>
  <li class="a">List style one</li>
  <li class="b">List style two</li>
  <li class="c">List style three</li>
  <li class="d">List style four</li>
  <li class="e">List style five</li>
  <li class="f">List style six</li>
  <li class="g">List style seven</li>
  <li class="h">List style eight</li>
  <li class="i">List style nine</li>
</ul>
</body>
</html>

The code above is rendered as follows: