Atributo CSS list-style-image

Definición y uso

El atributo list-style-image utiliza una imagen para reemplazar el marcador del elemento de lista.

Descripción

Esta propiedad especifica una imagen que se utiliza como marcador de elementos de lista ordenada o desordenada. La posición relativa de la imagen con respecto al contenido del elemento de lista se controla generalmente mediante el atributo list-style-position.

Comentarios:Siempre especifique un atributo "list-style-type" para evitar que se muestre la imagen.

Véase también:

Tutoriales de CSS:Lista de CSS

Manual de referencia de CSS:Atributo CSS list-style

Manual de referencia de HTML DOM:Atributo listStyleImage

Ejemplo

Establecer la imagen como marcador de elementos en la lista:

ul
  {
  list-style-image: url("/i/arrow.gif");
  list-style-type: cuadrado;
  }

Prueba tú mismo

Sintaxis de CSS

list-style-image: ninguna|url|inicial|heredar;

Valor del atributo

Valor Descripción
URL Ruta de la imagen.
ninguna Predeterminado. No se muestra ningún gráfico.
heredar Se especifica que la propiedad list-style-image debe heredarse del elemento padre.

Detalles técnicos

Valor predeterminado: ninguna
Herencia: sí
Versión: CSS1
Sintaxis de JavaScript: objeto.style.listStyleImage="url('/images/blueball.gif')"

Más ejemplos

Usar imágenes como marcadores de elementos de lista
Este ejemplo muestra cómo se puede usar una imagen como marcador de elementos de lista.

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente esa propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0