Permite usar imágenes personalizadas como viñetas en lugar de viñetas simples
/* Usar imagen como viñeta */ ul { list-style-image: url(star.svg); } /* Usar imagen PNG */ ul { list-style-image: url(logo.png); }
Reemplaza el marcador predeterminado
Poco control sobre el tamaño
No se puede ajustar fácilmente el tamaño de la imagen
Posicionamiento limitado
No se puede ajustar la posición con precisión
Sin control de espaciado
Difícil ajustar la distancia entre viñeta y texto
Usar propiedades background para mayor control sobre tamaño, posición y espaciado de las viñetas personalizadas
Ver la siguiente diapositiva para la solución con propiedades background