Lists

Em HTML existem dois tipos de listas:

• Ordenadas;
• Não-ordenadas.

De acordo com cada tipo podemos alterar os marcadores. Além disso, podemos também alterar a sua posição.

list-style-type

Utilizamos para alterar o tipo do marcador da lista.

ul.a {
    list-style-type: circle;
}

Acesse este link e confira mais opções para marcadores.

list-style-image

Define uma imagem como marcador da lista:

ul {
    list-style-image: url('mark.gif');
}

list-style-position

Define onde o marcador da lista é posicionado. Esta propriedade pode assumir os seguintes valores:

• outside: marcador fora do alinhamento do texto;
• inside: marcador alinhado com texto.

ul {
    list-style-position: inside;
}

list-style

Esta é a maneira abreviada de você escrever uma regra para as propriedades das listas. Você pode declarar duas das propriedades estudadas em uma regra única, utilizando-as na seguinte ordem:

• list-style-type;
• list-style-position;
• list-style-image.

ul {
    list-style: square url("sqpurple.gif");
}