Welcome
Agenda II
Xhtml Rules
DocType
XHTML Terms
Meta Tags
Why CSS?
Styles Types
Inline CSS
Embed CSS
Linked CSS
CSS Attributes
Font CSS
Text CSS
Color CSS
List CSS
Pseudo Classes
Border CSS
Z-indes
Display Position
Div & Span
CSS Summary
Table Summary
Frame Summary
Table Attributes
Basic Tables
Padding/Spacing
Column Span
Column Grouping
Table CSS
Frame Basics
Frame Attributes
3 Colors Frame
Nested Frames
Inline Frames

Back 

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