8. CSS List Style

CSS List properties function as follows:

• To set a different list item to mark as an ordered list
• To set a different list item to mark as unordered list
• Set list items to be marked as images

List-style-type

Specifies the style of the item marker symbol for the unordered list and the ordered list

Value:

Disc: Solid Circle (CSS1)

Circle: Hollow Circle (CSS1)

Square: Solid block (CSS1)

Decimal: Arabic numerals (CSS1)

Lower-roman: Lowercase roman numerals (CSS1)

Upper-roman: Uppercase Roman Numerals (CSS1)

Lower-alpha: lowercase English alphabet (CSS1)

Upper-alpha: Uppercase English alphabet (CSS1)

None: Do not use bullets (CSS1)

Armenian: The traditional Armenian numerals (CSS2)

Cjk-ideographic: Plain ideographic numerals (CSS2)

Georgian: The traditional George Number (CSS2)

Lower-greek: Basic Greek Small Letter (CSS2)

Hebrew: The traditional Hebrew numerals (CSS2)

Hiragana: Japanese Hiragana characters (CSS2)

Hiragana-iroha: Japanese hiragana serial number (CSS2)

Katakana: Japanese Katakana characters (CSS2)

Katakana-iroha: Japanese Katakana Sequence Number (CSS2)

Lower-latin: lowercase latin alphabet (CSS2)

Upper-latin: Uppercase Latin alphabet (CSS2)

List-style-image

Set the list item marker symbol to a picture

Value:

List-style-image:none do not specify an image

List-style-image:url (file path) use absolute or relative address to specify the list item tag image

List-style-position

Value:

List-style-position:outside list item markers are placed outside the text, and wrapping text is not aligned with the tag

List-style-position:inside list item markers are placed within text, and wrapping text is aligned according to the tag

8. CSS List Style