The best CSS list-style-type property Tutorial In 2024, In this tutorial you can learn Examples,Attribute definitions and instructions,Browser Support,Property Value,More examples,related articles,
Set some different list styles:
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" |
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 |
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) |
All different list item marker list
This example demonstrates all the different list item marker.
CSS tutorial: CSS list
CSS Reference: List-style property