Changing Numbering or Lettering in an Ordered List

1. Nubmered with arabic numerals 1, 2, 3 etc
2. Specify as list-style-type:decimal
3. This is also the default if you don't specify the type
4. Like all list types you may specify it in the ol or ul tag
5. You may also specify it in an li-tag, in which case it applies from there down

1. Numbered with capital letters: A, B, C, etc
2. Specify as list-style-type:upper-alpha
3. Like all list types you may specify it in the ol or ul tag
4. You may also specify it in an li-tag, in which case it applies from there down

1. Nubmered with lower case letters: a, b. c, etc
2. Specify as list-style-type:lower=alpha
3. Like all list types you may specify it in the ol or ul tag
4. You may also specify it in an li-tag, in which case it applies from there down

1. Numbered with upper case Roman numerals: I, II, III, etc
2. Specify as list-style-type:upper-roman
3. Like all list types you may specify it in the ol or ul tag
4. You may also specify it in an li-tag, in which case it applies from there down

1. Nubmered with lower case Roman numerals: i, ii, iii, etc
2. Specify as list-style-type:lower-roman
3. Like all list types you may specify it in the ol or ul tag
4. You may also specify it in an li-tag, in which case it applies from there down

Changing Bullets in an Unordered List

• The bullets are discs (filled in circles)
• You specify this as list-style-type:disc
  • Here is a second level list
  • With an unspecified type
• We can override the default bulleting for an inner list
  • Here is a second level list
  • With a specified list-style-type:disc
  • Notice that you over-ride the default bulleting
  • and start with your specified type

• The bullets are circles (not filled in)
• You specify this as list-style-type:circle
  • Here is a second level list
  • With an unspecified type
• We can override the default bulleting for an inner list
  • Here is a second level list
  • With a specified list=style=typetype:circle
  • Notice that you over-ride the default bulleting
  • and start with your specified type

• The bullets are squares
• You specify this as list-style-type:square
  • Here is a second level list
  • With an unspecified type
• We can override the default bulleting for an inner list
  • Here is a second level list
  • With a specified list=style-type:square
  • Notice that you over-ride the default bulleting
  • and start with your specified type
    • This gets be back to an (inner) list
    • With no bullets at all- BUT MAY NT WORK in IE
    • To do this specify list-style-type:none
    • This does NOT WORK IN EXPLORER