List with Image-Style

1

How to style an un-ordered list with image in online editor??
Can we style list with image by using URL??

2

Hi @saba_18,

Were you looking for something like this: CSS list-style-image Property ?

1 Like
3

Hello there! Yes…
Can we declare the value of this property as a link/URL to set the list with image/icon?
For example, if i want to set my unordered list with a specific icon by giving URL to list-style-image property, is it possible??

4

Hi @saba_18,

If you click on the ‘Try it Yourself’ button on the web page I provided previously, you will see an example of how it is done with URL. However, I can see now how this example can be little confusing.

Therefore, here is another example from MDN website with cute little stars:

image
image843×114 3.28 KB

Reference: MDN list-style-image

I hope this helps :slight_smile:

5

Thank you for your help!

1 Like