A detailed explanation of the use of List-style attributes in CSS

List-style-type--Define list styles

Value: Disc | Circle | Square | decimal | Decimal-leading-zero | Lower-roman | Upper-roman | Lower-greek | Lower-latin | Upper-latin | Armenian | Georgian | Lower-alpha | Upper-alpha | none | Inherit

Disc: Dot

Circle: Circle

Square: Square

Decimal: Numbers

Decimal-leading-zero: decimal number, less than two bits of the completion leading 0, for example: 01, 02, 03, ..., 98, 99

Lower-roman: Lowercase roman text, for example: I, II, III, IV, V, ...

Upper-roman: Uppercase Roman text, for example: I, II, III, IV, V, ...

Lower-greek: Lowercase Greek letters, for example: Alpha, Beta (beta), gamma (gamma), ...

Lower-latin: lowercase Latin, for example: A, B, C, ... Z

Upper-latin: Uppercase Latin, for example: A, B, C, ... Z

Armenian: Armenian numerals

Georgian: Georgia numbers, for example: An, Ban, gan, ..., he, Tan, in, In-an, ...

Lower-alpha: lowercase Latin, for example: A, B, C, ... Z

Upper-alpha: Uppercase Latin, for example: A, B, C, ... Z

None: None (cancels all list styles)

Inherit: Inheritance

Citation URL: http://www.dreamdu.com/css/property_list-style-type/

Initial value: Disc

Inheritance: Yes

Applies to: All elements belonging to the list

List, the Chinese "listing" means. Style, Chinese "style" means. Type, Chinese "type" means.

Example

ul {list-style-type:disc;} ul#circle{list-style-type:circle;} ul#square{List-style-type:square;} ul#decimal{List-style-type:decimal;} ul#decimal-leading-zero{List-style-type:decimal-leading-zero;} ul#lower-roman{List-style-type:lower-roman;} ul#upper-roman{List-style-type:upper-roman;} ul#lower-greek{List-style-type:lower-greek;} ul#lower-latin{List-style-type:lower-latin;} ul#upper-latin{List-style-type:upper-latin;} ul#armenian{List-style-type:armenian;} ul#georgian{List-style-type:georgian;} ul#lower-alpha{List-style-type:lower-alpha;} ul#upper-alpha{List-style-type:upper-alpha;} ul#none{List-style-type:none;} OL {List-style-type:lower-roman;}