| 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: | List types: |
| Default disc, circle, square |
|
|---|
| Decimal |
- First item
- Second item
|
| Decimal-leading-zero |
- First item
- Second item
|
|---|
| Lowercase Roman numerals |
- First item
- Second item
|
|---|
| Uppercase Roman numerals |
- upper-roman
- second item
|
|---|
start="126"
list-style-type:decimal
|
list-style-type:decimal
- Monday
- Tuesday
- Wednesday
|
|---|
| List-style-image: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:outside}
- List position is outside - default
- Second item
- Third item
|
|---|
| List-style-Inside |
ol {list-style-position:inside}
- List position is inside
- Second item
- Third item
|
|---|
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}
|
|---|