The panel for List style properties. These properties should be applied to List Elements where the element tag is a UL or OL for the parent and a LI for its direct descendants.
Applying these properties to non list style elements will not work.
List Type
list-style-type
list-style-type controls what kind of marker (bullet, number, etc.) appears for each item in a list (<ul> or <ol>).
Values
disc– Solid circle (default for<ul>).circle– Hollow circle.square– Solid square.decimal– Regular numbers (default for<ol>).decimal-leading-zero– Numbers with a leading zero (01, 02, 03).lower-roman– Lowercase Roman numerals (i, ii, iii).upper-roman– Uppercase Roman numerals (I, II, III).lower-alpha– Lowercase letters (a, b, c).upper-alpha– Uppercase letters (A, B, C).none– Removes the marker entirely.
List Image
list-style-image
list-style-image allows you to use a custom image instead of the default bullet or number for list items.
List Position
list-style-position
list-style-position controls where the bullet or number appears relative to the list item’s text.
Values
outside(default)- The marker (bullet/number) sits outside the list item’s content box.
- Text aligns nicely in a block.
inside- The marker sits inside the list item’s content box.
- Text wraps under the bullet/number