CSS List Style Type

The Web Book

Examples of list-style-type property

Unordered Lists:

Ordered Lists:

  1. Accountancy
  2. Software
  3. Human Resource
  1. Accountancy
  2. Software
  3. Human Resource

CSS List Style Type Example Code

HTML CODE ................................................ <!DOCTYPE html> <html> <body> <h3>Examples of list-style-type property</h3> <p><b>Unordered Lists:</b></p> <ul class="c1"> <li>Accountancy</li> <li>Software</li> <li>Human Resource</li> </ul> <ul class="c2"> <li>Accountancy</li> <li>Software</li> <li>Human Resource</li> </ul> <p><b>Ordered Lists:</b></p> <ol class="c3"> <li>Accountancy</li> <li>Software</li> <li>Human Resource</li> </ol> <ol class="c4"> <li>Accountancy</li> <li>Software</li> <li>Human Resource</li> </ol> </body> </html> CSS CODE ..................................... ul.c1 {list-style-type:circle;} ul.c2 {list-style-type:square;} ol.c3 {list-style-type:upper-roman;} ol.c4 {list-style-type:lower-alpha;} Back