CSS Property: list-style
The type, image, and position of a list item marker,
A shorthand property that combines list-style-type
, list-style-image
, and list-style-position
.
Applies to boxes set to display: list-item
(of which li
HTML elements are by default).
Possible Values
A space-separated list, containing up to three values representing list-style-type
, list-style-image
, and list-style-position
. Any excluded values will default to their initial value.
Value | Description | Example |
---|---|---|
[type] (equivalent of list-style-type value) |
| square |
[image] (equivalent of list-style-image value) |
| url("bullet.png") |
[position] (equivalent of list-style-position value) |
| inside |
[type] [image] |
| square url("bullet.png") |
[type] [position] |
| square inside |
[image] [position] |
| url("bullet.png") inside |
[type] [image] [position] |
| square url("bullet.png") inside |
inherit | ||
initial | ||
unset |
Example
li { list-style: square inside; }