The list-style-image property in CSS is used to set the image that will be used as the list item marker.
Syntax:
list-style-image: none|url|initial|inherit;
Property values:
- none: This value specifies that no image is used as the marker. If this value is set, the marker defined in list-style-type is used instead. This is default value.
- initial: This mode sets this property to its default value.
- url: In this value the path to the image is used as a list-item marker.
Example 1: In this example, we are using list-style-image: none; property.
html
<!DOCTYPE html>
< html >
< head >
< title >
CSS list-style-image Property
</ title >
< style >
ul {
list-style-image: none;
}
</ style >
</ head >
< body style = "" >
< h1 style = "color:green;" >
GeeksforGeeks
</ h1 >
< h2 >
CSS list-style-image Property
</ h2 >
< p >Sorting Algorithms</ p >
< ul >
< li >Bubble Sort</ li >
< li >Selection Sort</ li >
< li >Merge Sort</ li >
</ ul >
</ body >
</ html >
|
Output:

Example 2: In this example, we use list-style-image: url; property.
html
<!DOCTYPE html>
< html >
< head >
< title >
CSS list-style-image Property
</ title >
< style >
ul {
list-style-image:
}
</ style >
</ head >
< body style = "" >
< h1 style = "color:green;" >
GeeksforGeeks
</ h1 >
< h2 >
CSS list-style-image Property
</ h2 >
< p >Sorting Algorithms</ p >
< ul >
< li >Bubble Sort</ li >
< li >Selection Sort</ li >
< li >Merge Sort</ li >
</ ul >
</ body >
</ html >
|
Output:

Supported Browsers: The browser supported by list-style-image property are listed below:
- Google Chrome 1.0 and above
- Edge 12.0 and above
- Internet Explorer 4.0 and above
- Firefox 1.0 and above
- Opera 7.0 and above
- Apple Safari 1.0 and above
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!