Definición de .list-style utilizado en CSS
La propiedad .list-style es una propiedad abreviada que establece valores para tres propiedades diferentes relacionadas con la lista en una declaración:
Ejemplo de uso : propiedad CSS list-style
Si quieres emplear esta propiedad de CSS en tu hoja de estilos, hazlo de la siguiente forma:
ul {
list-style: <list-style-type> || <list-style-position> || <list-style-image>;
}Otro ejemplo más avanzado de .list-style es el siguiente de CODEPEN:
Sintaxis de .list-style en CSS
list-style: list-style-type list-style-position list-style-image|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| Especifica el tipo de marcador de elemento de lista. El valor predeterminado es "disco" | ||
| Especifica dónde colocar el marcador de elemento de lista. El valor predeterminado es "fuera" | ||
| Especifica el tipo de marcador de elemento de lista. El valor predeterminado es "ninguno" | ||
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .list-style
Los números de la tabla especifican la primera versión del navegador que es completamente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| margin | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
