CSS Tutorial

CSS Style

CSS Layout Style

CSS Float Style

CSS Reference

CSS list-style-type property




The CSS list-style-type property set style list(numaric, lower-alpha, upper-alpha, lower-roman, upper-roman etc..) item in elements.


Property Values


Properties Value Description
Syntax list-style-item:value;
value   disc
  circle
  square
  decimal
  decimal-leading-zero
  lower-roman
  upper-roman
  lower-alpha
  upper-alpha
  lower-latin
  upper-latin
  none
  inherit
Allow to List elements
Inherited Yes

Example-Code:

<p>Circle List</p>
<ol style="list-style-type:circle;">
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
</ol>
Online Try This Code Your Self....   »

Example-Result:

Circle List

  1. list 1
  2. list 2
  3. list 3