Estilos para listas
Por defecto, los navegadores muestran los elementos de las listas no ordenadas con una viñeta formada por un pequeño círculo de color negro. Los elementos de las listas ordenadas se muestran por defecto con la numeración decimal utilizada en la mayoría de países.
Desde CSS podemos utilizar varias propiedades para controlar el tipo de viñeta que muestran las listas, además de poder controlar la posición de la propia viñeta.
Propiedad list-style-type
Permite establecer el tipo de viñeta mostrada para una lista.
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 | inherit
El valor none permite mostrar una lista en la que sus elementos no contienen viñetas, números o letras. Se trata de un valor muy utilizado, ya que es imprescindible para los menús de navegación creados con listas.
Propiedad list-style-position
Esta propiedad permite controlar la colocación de las viñetas.
Valores: inside | outside | inherit
Propidad list-style-image
Permite reemplazar las viñetas automáticas por una imagen personalizada
Valores: url | none | inherit
