English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
list-style-El atributo image CSS especifica una imagen como símbolo de marcador de elemento de lista.
La tabla a continuación proporciona una descripción de uso y un historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | normal |
|---|---|
| Aplique a: | Elemento de lista |
| Herencia: | Sí |
| Animable: | No.Ver: Atributos de animación. |
| Versión: | CSS 1,2,3 |
| Sintaxis de JavaScript: | object.style.listStyleImage="url(#39;images/arrow.png#39;" |
Consejo:Estelist-styleLos atributos de CSS atajos son más convenientes, el método preferido para establecer atributos de estilo de lista.
La sintaxis de este atributo es la siguiente:
list-style-image: url | none | initial | inherit
Los siguientes ejemplos muestran cómo usar list-style-Atributo image.
ul {
list-style-image: url("images/arrow.png");
}Prueba aquí‹/›La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| url | Ubicación de la imagen utilizada como marcador de lista. |
| none | No se mostrará ninguna imagen de marcador. En su lugar, lalist-style-typeEste atributo especifica qué tipo de marcador de lista se presentará (si lo hay). Este es el valor predeterminado. |
| oblique | Marcador de fuente inclinado. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado adopta el valor de list del elemento padre-style-Valores del atributo image. |
list-style-La compatibilidad del navegador del atributo image, los números en la tabla a continuación indican la versión mínima del navegador que admite este atributo; todos los navegadores principales admiten este atributo.
|
Consulte la siguiente guía:Lista HTML,CSS lista.
Atributos relacionados:list-style,list-style-position,list-style-type.