List Properties
| Property | Possible Values | Description |
|---|---|---|
list-style-type | disc, circle, square, decimal, none | Defines the bullet or numbering style for lists |
list-style-position | inside, outside | Specifies whether the bullet/number appears inside or outside the list item |
list-style-image | url('image.png'), none | Replaces list bullets with a custom image |
list-style | Shorthand for list-style-type, list-style-position, and list-style-image | Example: list-style: square inside; |
Example:
ul {
list-style-type: square;
list-style-position: inside;
list-style-image: url('bullet.png');
padding-left: 20px;
}✔ Square bullets
✔ Bullets appear inside the text
✔ Custom bullet image