CSS Lists Rules

When designing pages with lists and their properties using Cascading Style Sheets, the web designer has more presentation options for the Ordered and Unordered List.
List-style-type:
Defines the list type as:
  • disc-(default),circle or square
  • decimal -Decimal number list
  • decimal-leading-zero- 01, 02,
  • lower-roman -Lowercase Roman numerals
  • upper-roman - Uppercase Roman numerals
  • ol start="126" {list-style-type:decimal}
    1. Monday
    2. Tuesday
    List-style:url Defines a bullet image file
    UL {list-style-image:url(images/aqua.gif)}
    • Types of Ordered Lists
    • List with an image button
    List-style-position Defines placement of the list marker.
    Values: inside, outside
    OL {list-style-position:inside}
    1. This list position is outside - default
    1. This list position is inside
    Marker-offset
    Part of CSS2
    Defines the distance between the bullet and the text. auto - browser determines distance or specify the distance.
    UL {style="list-style:url(images/blbullet.gif);marker-offset:15px}
    • Types of Ordered Lists
    Web Design with XHTML Part II
    Prince George's Community College
    Doris Cuffey, Instructor