Share via


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 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 cuando se aplican margin y display:list-item .

Cuando la imagen está disponible, reemplaza el marcador que se establece con 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)) Ee371202.xtlink_newWindow(es-es,Expression.40).png.

Aplicable a

li, ol, ul

Vea también

Conceptos

margin
display
list-style-type

Copyright © 2011 de Microsoft Corporation. Reservados todos los derechos.