Por defecto, os navegadores mostran os elementos das listas non ordenadas cunha viñeta formada por un pequeno círculo de cor negra. Os elementos das listas ordenadas móstranse por defecto coa numeración decimal utilizada na maioría de países.
Non obstante, CSS define varias propiedades para controlar o tipo de viñeta que mostran as listas, ademais de poder controlar a posición da propia viñeta.
Velaquí as propiedades que temos para modificar as listas:
| Propiedade | Valores que acepta | Descrición | Exemplos |
|---|---|---|---|
list-style-type |
|
Establece unha estilo de lista.
Exemplo de tipos de listas. |
ul li { list-style-type: none; }
ul li { list-style-type: square; }
ol li { list-style-type: lower-greek; }
|
list-style-image |
URL |
Establece unha imaxe para a lista |
li { list-style-image: url("imaxe.jpg"); }
|
