Ejemplo
Especificar todas las propiedades de la lista en una declaración:
ul
{
list-style: square url("sqpurple.gif");
}
Inténtalo tú mismo " Definición y Uso
La lista de estilo propiedad abreviada establece todas las propiedades de la lista en una declaración.
Las propiedades que se pueden establecer, son (in order) : de tipo list-style, list-style-posición, list-style-imagen.
Si uno de los valores anteriores están desaparecidos, por ejemplo, "list-style:circle inside;" , Se inserta el valor predeterminado de la propiedad que faltan, si los hubiere.
| Valor por defecto: | disc outside none |
|---|---|
| Heredado: | yes |
| animatable: | no. Read about animatable |
| Versión: | CSS1 |
| la sintaxis de JavaScript: | object .style.listStyle="decimal inside" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| list-style | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
sintaxis CSS
list-style:list-style-typelist-style-positionlist-style-image|initial|inherit;Valores de propiedad
| Valor | Descripción |
|---|---|
| list-style-type | Especifica el tipo de marcador de ítems de lista. Ver de tipo list-style de posibles valores |
| list-style-position | Especifica dónde colocar el marcador de ítems de lista. Ver list-style-posición de los posibles valores |
| list-style-image | Especifica el tipo de marcador de ítems de lista. Ver imagen de estilo de lista de valores posibles |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: Lista CSS
Referencia HTML DOM: listStyle property