CSS'de list-style-image, bir listenin işaretlerinin resim olarak belirtilmesini sağlar. Bu özellik, sıralı ve sırasız listelerde kullanılabilir.
Bu özelliği kullanmak için öncelikle bir resim belirlememiz gerekir. Resim bir URL, base64 kodu veya SVG formatında olabilir.
Örnekler:
1. Bir resmi URL olarak kullanma
```
ul {
list-style-image: url(\"image.jpg\");
}
```
2. Bir resmi base64 kodu olarak kullanma
```
ul {
list-style-image: url(data:image/png;base64,iVBORw0...);
}
```
3. Bir SVG dosyasını kullanma
```
ul {
list-style-image: url(\"image.svg\");
}
```
List-style-image özelliği, listelerimizin görünümünü özelleştirmemize olanak tanır ve web sitelerimizi daha ilgi çekici hale getirebilir.