
The Complete Idiot's Style Sheets Reference
| Index
| Current Category: Lists |
| Previous Style: list-style-position
| Next Style: margin
|
list-style-type
Determines the type of the list bullets or numbers.
Support:
-
Notes:
- There are many other list types defined (such as Hebrew numbers). See the W3C Standard for a complete list.
Possible Values:
- circle
Displays an unnumbered list using outlined, circular bullets.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
- decimal
Displays a numbered list using decimal values (1, 2, 3, etc.).
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
- decimal-leading-zero
Displays a numbered list using decimal values with leading zeroes (01, 02, 03, etc.).
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS2 and later |
Not supported |
Not supported |
- disc
Displays an unnumbered list using solid, circular bullets.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
- lower-alpha
Displays a numbered list using lowercase letters (a, b, c, etc.).
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
- lower-greek
Displays a numbered list using lowercase Greek letters (A, B, C, etc.).
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
3 and later |
4 and later |
- lower-latin
Displays a numbered list using lowercase letters (a, b, c, etc.).
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
- lower-roman
Displays a numbered list using lowercase roman numerals (i, ii, iii, etc.).
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
- none
Displays the list without bulletes or numbers.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
- square
Displays an unnumbered list using square bullets.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
- upper-alpha
Displays a numbered list using uppercase letters (A, B, C, etc.).
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
- upper-latin
Displays a numbered list using uppercase letters (A, B, C, etc.).
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
- upper-roman
Displays a numbered list using uppercase roman numerals (I, II, III, etc.).
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
Example:
<STYLE TYPE="text/css">
<!--
OL {margin-top: 10px}
-->
</STYLE>
<OL STYLE="list-style-type: lower-alpha">
<LI>Win.
<LI>Place.
<LI>Show.
</OL>
<OL STYLE="list-style-type: upper-alpha">
<LI>Gold.
<LI>Silver.
<LI>Bronze.
</OL>
<OL STYLE="list-style-type: lower-roman">
<LI>Miss America.
<LI>First runner-up.
<LI>Second runner-up.
</OL>
<OL STYLE="list-style-type: upper-roman">
<LI>Picard.
<LI>Riker.
<LI>Data.
</OL>
How It Looks:
-
- Win.
- Place.
- Show.
- Gold.
- Silver.
- Bronze.
- Miss America.
- First runner-up.
- Second runner-up.
- Picard.
- Riker.
- Data.
| Index
| Current Category: Lists |
| Previous Style: list-style-position
| Next Style: margin
|
|