List Style

List Style


Ever wanted to be more creative with the "bullets" used when creating Ordered Lists and Unordered Lists?

Ordered Lists

Using the OL tag set in the BODY area will create a normal numbered list. Adding a CSS command into the HEAD area of the code can change the numbers into a number of different choices.

The VALUE can be set to :

  • disc: a disc
  • circle: a circle
  • square: a square
  • decimal: regular numbers
  • lower-roman: lower case roman numerals (i, ii, iii, iv)
  • upper-roman: upper case roman numerals (I, II, III, IV)
  • lower-alpha: lower case ascii letters (a, b, c, d)
  • upper-alpha: upper case ascii letters (A, B, C, D)
  • none: no marker at all

Unordered Lists

Unordered lists can also be affected by the list-style-image command. They originally produce a DOT type bullet. Using CSS, you can substitute that dot with an image you have on file.

Table of Contents

Background Style