list-style-image
Establece un valor que indica la imagen que se usará como marcador list-item para el objeto.
Sintaxis
{ list-style-image: sLocation }
Valores posibles
sLocation
Cadena que especifica o recibe uno de los valores siguientes:
none |
Valor predeterminado. No se especifica ninguna imagen. |
url(sURL) |
Ubicación de la imagen, donde sURL es una dirección URL absoluta o relativa. |
La propiedad tiene el valor predeterminado none y se hereda.
Observaciones
La propiedad list-style-image se puede aplicar a cualquier elemento si se aplican las propiedades margin y display:list-item.
Si la imagen está disponible, reemplazará al marcador establecido mediante el marcador list-style-type.
Si el margen izquierdo del elemento de lista está establecido en 0 con una de las propiedades margin, no se mostrarán los marcadores list-item. El margen se debe establecer en un mínimo de 30 puntos.
Ejemplos
En el siguiente ejemplo se usa la propiedad list-style-image para establecer la imagen de los marcadores. Se utiliza el elemento UL como selector en una hoja de estilo incrustada (global) para establecer la imagen dot.gif como marcador:
<style>
ul {list-style-image:url(dot.gif)}
</style>
Información sobre estándares
Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)).
Aplicable a
LI, OL, UL