Propiedad CSS list-style-image
Ejemplo
Especifique una imagen como marcador de elemento de lista en una lista:
ul
{
list-style-image: url('sqpurple.gif');
}
Definición y uso
La list-style-image
propiedad reemplaza el marcador de elemento de lista con una imagen.
Nota: especifique siempre además la propiedad de tipo de estilo de lista . Esta propiedad se utiliza si la imagen por algún motivo no está disponible.
Valor por defecto: | ninguna |
---|---|
Heredado: | sí |
Animable: | No. Leer sobre animable |
Versión: | CSS1 |
Sintaxis de JavaScript: | objeto .style.listStyleImage="url('smiley.gif')" |
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
list-style-image | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Sintaxis CSS
list-style-image: none|url|initial|inherit;
Valores de propiedad
Value | Description | Play it |
---|---|---|
none | No image will be displayed. Instead, the list-style-type property will define what type of list marker will be rendered. This is default | |
url | The path to the image to be used as a list-item marker | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
páginas relacionadas
Tutorial de CSS: Lista de CSS
Referencia de CSS: propiedad de estilo de lista
Referencia HTML DOM: propiedad listStyleImage