CSS list-style-type property
Examples
Set some different list styles:
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ol.upper-roman {list-style-type: upper-roman}
ol.lower-alpha {list-style-type: lower-alpha}
ul.square {list-style-type: square}
ol.upper-roman {list-style-type: upper-roman}
ol.lower-alpha {list-style-type: lower-alpha}
try it"
In the bottom of this page for more examples.
Attribute definitions and instructions
list-style-type property is set to Type list item marker.
| Defaults: | "Disc" for <ul> and "decimal" for <ol> |
|---|---|
| inherit: | yes |
| version: | CSS1 |
| JavaScript syntax: | object .style.listStyleType = "square" |
Browser Support
Figures in the table represent the first browser to support the version number of the property.
| 属性 | |||||
|---|---|---|---|---|---|
| list-style-type | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Property Value
| value | description |
|---|---|
| none | Unmarked. |
| disc | default. Mark is a solid circle. |
| circle | Tag is a hollow circle. |
| square | Tag is a solid square. |
| decimal | Tag is digital. |
| decimal-leading-zero | Numerals beginning with 0. (01, 02, 03, etc.) |
| lower-roman | Lowercase Roman numerals (i, ii, iii, iv, v, and the like.) |
| upper-roman | Uppercase Roman numerals (I, II, III, IV, V, etc.) |
| lower-alpha | Lowercase letters The marker is lower-alpha (a, b, c, d, e, etc.) |
| upper-alpha | Capital letters The marker is upper-alpha (A, B, C, D, E, and so on.) |
| lower-greek | Lowercase Greek letters (alpha, beta, gamma, etc.) |
| lower-latin | Latin small letter (a, b, c, d, e, etc.) |
| upper-latin | Latin capital letter (A, B, C, D, E, and so on.) |
| hebrew | Traditional Hebrew numbering |
| armenian | Traditional Armenian numbering |
| georgian | Traditional Georgian numbering (an, ban, gan, etc.) |
| cjk-ideographic | Simple ideographic figures |
| hiragana | Tag are: a, i, u, e, o, ka, ki, and the like. (Katakana) |
| katakana | Tag is: A, I, U, E, O, KA, KI, and the like. (Katakana) |
| hiragana-iroha | Tag is: i, ro, ha, ni, ho, he, to, and so on. (Katakana) |
| katakana-iroha | Tag is: I, RO, HA, NI, HO, HE, TO, and the like. (Katakana) |
More examples
All different list item marker list
This example demonstrates all the different list item marker.
related articles
CSS tutorial: CSS list
CSS Reference: List-style property