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}
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