Podremos mostrar un listado de elementos usando como marcas el disco, un cuadrado, números romanos o una imagen propia.
«Usar el archivo html anteriormente creado»
list-style-type
Permite indicar que tipo de marcador mostrará el listado: circle (círculo), decimal-leading-zero (número con cero a la izquierda), lower-latin (letra minúscula), lower-roman (Letra romana), square (cuadrado), upper-latin (letra mayúscula), upper-roman (número romano con letras mayúscula), none (sin marcador).
Ejemplo:
list-style-tip: upper-roman;
list-style-image
Permite establecer como marcador una imagen determinada por nosotros.
Ejemplo:
list-style-image: url («nombre_imagen.gif»)
list-style-position
Permite establecer la posición de los marcadores con respecto al contenido.
Valores: outside (el marcador se muestra fuera de la caja del contenido. Es el valor por defecto). Inside (el marcador se muestra dentro de la caja del contenido)
Ejemplo:
list-style-position: inside;
list-style
Permite agrupar todas las propiedades anteriores en el orden type, position, image.
Ejemplo:
list-style: inside url («imagen.gif»);