En HTML existen dos tipos de listas, las ordenadas y no ordenadas. Con CSS podemos
Establecer diferentes marcadores de elementos de lista para las listas ordenadas
Establecer diferentes marcadores de elementos de lista para listas desordenadas
Configurar una imagen como el marcador de la lista de elementos
Añadir colores de fondo para las listas y los elementos de la lista
Todo lo anterior podemos lograrlo a través del uso se la propiedad list-style. List-style es una propiedad compuesta, que puede usarse sola o especificada:
- list-style-type,
- list-style-image
- list-style-position.
list-style-type:
Establece el marcador de los elementos de la lista
posibles valores
disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none |
list-style-image
La propiedad list-style-image permite utilizar la imagen que se quiera como marcador de una lista. El único inconveniente es que el tamaño del marcador no cambia al cambiar el tamaño de la fuente.
list-style-position
La propiedad list-style-position permite controlar la colocación de las viñetas.Sus valores pueden ser:
- outside
- inside
Ejercicio de un menu
