En HTML podemos encontrar dos formas de clsificar las listas, por una parte tenemos las que estan desordenados y usamos las etiquetas <ul> y las listas que estan ordenadas y usamos las etiquetas <ol>.
Dentro de las listas podemos dotarles características css a los valores de cada etiqueta, estas características son margin y padding, sin contar que podemos definir las fuentes de nuestro texto(+ info).
Para definir los estilos de las listas tenemos las siguientes características
1.list-style-type: define el tipo de marcador para cada elemento de la lista
Valores
- circle
- disc
- square
- armenian
- cjk-ideographic
- decimal
- decimal-leading-zero
- georgian
- hebrew
- hiragana
- hiragana-iroha
- katakana
- katakana-iroha
- lower-alpha
- lower-greek
- lower-latin
- lower-roman
- upper-alpha
- upper-greek
- upper-latin
- upper-roman
- none
2.list-style-image: con esta característica podemos adjuntar una imagen que queramos para usar de marcador.
Ejemplo
- list-style-image: url('nombre_imagen.extension imagen')
3.list-style-position: indicamos si el marcador queda dentro del elemento con el texto (inside) o si queda fuera(outside).
Valores
- inside
- outside
4.list-style: la forma abreviada para poder definir las características de los marcadores en las listas.
Ejemplo
- list-style: list-style-type list-style-position list-style-image;
Podemos ver ejemplos con la herramienta de list makers(Pulse aquí)
