• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

15.2. list-style-type Property

The list-style-type property is one of a sub-family of list properties, also including list-style-image, list-style-position and list-style, designed to alter the way the list marker at the beginning of a list element appears. Normally, when you create an unordered list (“<ul>”), a simple black circle precedes every list element (“<li>”). If you create an ordered list (“<ol>”), each list element is preceded by a number. Under the initial CSS1 specification for this property the list-style-type property provides support for displaying various types of graphical “dots” used as bullets, as well as upper- or lowercase roman numerals. CSS2 went further by providing support for initial lettering under such languages as Hebrew and Armenian, plus their equivalents under several types of Chinese and Japanese character systems. CSS3 proposes to take this to the next logical step, supporting initial lettering schemes for more than 30 additional languages and character sets.

There are three different values for setting the type of “dot” list marker that can appear: disc, circle and square. disc produces the default filled-in black “dot” most commonly associated with individual list elements appearing in an unordered list. circle displays an unfilled, white-centered circle on screen, and square displays a black-filled square. Here's a list showing what you should expect to see for each type:


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint