CSS list-style-type Property
Example
Set different list styles:
Property Definition and Usage
The list-style-type property sets the type of list item marker.
| Default value: | "disc" for <ul> and "decimal" for <ol> |
|---|---|
| Inherited: | yes |
| --- | --- |
| Version: | CSS1 |
| --- | --- |
| JavaScript syntax: | object.style.listStyleType="square" |
| --- | --- |
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
| Property | |||||
|---|---|---|---|---|---|
| list-style-type | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Property Values
| Value | Description |
|---|---|
| none | No marker. |
| disc | Default. Marker is a filled circle. |
| circle | Marker is an empty circle. |
| square | Marker is a filled square. |
| decimal | Marker is a number. |
| decimal-leading-zero | Decimal numbers with leading zeros (01, 02, 03, etc.). |
| lower-roman | Lowercase Roman numerals (i, ii, iii, iv, v, etc.). |
| upper-roman | Uppercase Roman numerals (I, II, III, IV, V, etc.). |
| lower-alpha | Lowercase English letters (a, b, c, d, e, etc.). |
| upper-alpha | Uppercase English letters (A, B, C, D, E, etc.). |
| lower-greek | Lowercase Greek letters (alpha, beta, gamma, etc.). |
| lower-latin | Lowercase Latin letters (a, b, c, d, e, etc.). |
| upper-latin | Uppercase Latin letters (A, B, C, D, E, etc.). |
| hebrew | Traditional Hebrew numbering. |
| armenian | Traditional Armenian numbering. |
| georgian | Traditional Georgian numbering (an, ban, gan, etc.). |
| cjk-ideographic | Simple ideographic numbers. |
| hiragana | Marker is hiragana (a, i, u, e, o, ka, ki, etc.). |
| katakana | Marker is katakana (A, I, U, E, O, KA, KI, etc.). |
| hiragana-iroha | Marker is hiragana iroha (i, ro, ha, ni, ho, he, to, etc.). |
| katakana-iroha | Marker is katakana iroha (I, RO, HA, NI, HO, HE, TO, etc.). |
More Examples
List of all different list item markers
Related Articles
CSS Tutorial: CSS Lists
CSS Reference: list-style Property