The cover of The Complete Idiot's Guide to Create a Web Page 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:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later 4.0 and later
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 StandardInternet ExplorerNetscape 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 StandardInternet ExplorerNetscape 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 StandardInternet ExplorerNetscape Navigator
CSS2 and later Not supported Not supported

disc
Displays an unnumbered list using solid, circular bullets.

Support:

W3C StandardInternet ExplorerNetscape 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 StandardInternet ExplorerNetscape 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 StandardInternet ExplorerNetscape 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 StandardInternet ExplorerNetscape 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 StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later 4.0 and later

none
Displays the list without bulletes or numbers.

Support:

W3C StandardInternet ExplorerNetscape Navigator
CSS1 and later 4.0 and later 4.0 and later

square
Displays an unnumbered list using square bullets.

Support:

W3C StandardInternet ExplorerNetscape 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 StandardInternet ExplorerNetscape 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 StandardInternet ExplorerNetscape 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 StandardInternet ExplorerNetscape 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:
  1. Win.
  2. Place.
  3. Show.
  1. Gold.
  2. Silver.
  3. Bronze.
  1. Miss America.
  2. First runner-up.
  3. Second runner-up.
  1. Picard.
  2. Riker.
  3. Data.

| Index | Current Category: Lists |
| Previous Style: list-style-position | Next Style: margin |