Atributo CSS list-style
- página anterior line-height
- Página siguiente list-style-image
Definición y uso
La propiedad abreviada list-style establece todas las propiedades de lista en una declaración.
Descripción
Este atributo es una propiedad abreviada que abarca todas las otras propiedades de estilo de lista. Debido a que se aplica a todos los elementos con display de list-item, solo se puede usar en elementos li en HTML y XHTML, aunque realmente se puede aplicar a cualquier elemento y heredado por los elementos list-item.
Se pueden establecer los siguientes atributos en orden:
No es necesario establecer algún valor, por ejemplo, "list-style:circle inside;" también es permitido. Los atributos no establecidos usarán su valor predeterminado.
Vea también:
Tutoriales de CSS:Lista de CSS
Manual de referencia de HTML DOM:Atributo listStyle
Ejemplo
Establecer la imagen como el marcador del elemento de lista en la lista:
ul
{
list-style:square inside url('/i/arrow.gif');
}
Sintaxis de CSS
list-style: list-style-type list-style-position list-style-image|initial|inherit;
Valor del atributo
| Valor | Descripción |
|---|---|
| list-style-type | Establecer el tipo de marcador del elemento de lista. Ver:list-style-type posibles valores. |
| list-style-position | Establecer dónde se coloca el marcador del elemento de lista. Ver:list-style-position posibles valores. |
| list-style-image | Usar imágenes para reemplazar los marcadores de los elementos de lista. Ver:list-style-image posibles valores. |
| inherit | Se especifica que la propiedad list-style debe heredar su valor del elemento padre. |
Detalles técnicos
| Valor predeterminado: | disc outside none |
|---|---|
| Herencia: | sí |
| Versión: | CSS1 |
| Sintaxis de JavaScript: | object.style.listStyle="decimal inside" |
Más ejemplos
- Definir todas las propiedades de la lista en una declaración
- Este ejemplo muestra cómo establecer todas las propiedades de la lista en una propiedad abreviada.
Compatibilidad del navegador
Los números en la tabla indican la versión del navegador que admite completamente la propiedad.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- página anterior line-height
- Página siguiente list-style-image
