Modifying List Elements

• By default, unordered lists (<ul>) appear as bullets and ordered lists (<ol>) appear as numbers in HTML.

• Using CSS, you can modify how list items will appear (Internet Explorer only recognizes the italicized values):

• • Properties: list-style, list-style-type, list-style-image, list-style-position
  • Values: disc, circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman, lower-alpha, upper-alpha, lower-greek, lower-latin, upper-latin, hebrew, armenian, georgian, cjk-ideographic, hiragana, katakana, hiragana-iroha, katakana-iroha, none, url("url-of-graphic.gif")

• Examples: ul { list-style: disc; } ol { list-style: upper-roman;} li { list-style: url("http://www.foo.com/images/blackball.gif");} ul li { list-style-position: inside;}