CSS References
border
border-radius
border-width
border-style
border-color
border-left
border-right
border-top
border-bottom
opacity
overflow
overflow-x
overflow-y
overflow-wrap
order
align-items
align-self
align-content
flex-direction
gap
justify-content
object-fit
max-height
min-height
max-width
min-width
margin-left
margin-bottom
margin-right
margin-top
margin
line-height
height
float
cursor
columns
column-width
column-span
column-gap
column-fill
column-count
box-sizing
background-image
background-color
list-style
list-style-type
list-style-position
list-style-image
padding
padding-top
padding-right
padding-left
padding-bottom
text-align
text-align-last
text-decoration
text-justify
text-decoration-color
text-decoration-line
text-decoration-style
text-decoration-thickness
text-indent
text-shadow
text-transform
word-spacing
word-break
word-wrap
outline
outline-width
outline-style
outline-color
outline-offset
object-position
letter-spacing
hyphens
font-weight
font-variant
font-style
font-size
font-family
font
caption-side
flex
flex-basis
flex-flow
flex-wrap
flex-grow
flex-shrink
background-clip
box-shadow
position
bottom
top
left
right
scroll-behavior
z-index
white-space
vertical-align
accent-color
display
background-attachment
transform
animation
@keyframes
width
visibility
list-style-image
The list-style-image property defines the list-item marker to replace with an image.
Syntax
list-style-image: none | url;Example
.div-1 > li{
list-style-image: url('./sample.jpg');
list-style-type: square;
}
.div-2 > li{
list-style-image: none;
list-style-type: square;
}
Property Values
none: image is not displayed. The list-style-type property will be displayed instead.
url: image with provided url/path will be displayed as a list item marker.