Crear estilos

Respecto a las listas son tres las propiedades que podemos modificar: el tipo de marcador utilizado, su posición respecto al texto y la posibilidad de utilizar una imagen como marcador.

Valores: Son todos los establecidos por la especificación HTML 4.01 tal como se muestra en el ejemplo. Además de estos podrían hay también definida una lista de posibilidades en otros idiomas para las listas ordenadas

listas desordenadas	listas ordenadas
disc circle square	decimal decimal-leading-zero lower-roman upper-roman lower-alpha upper-alpha

Valores: Con el valor outside el marcador de la lista se colocará tal como hemos visto en los ejemplos fuera del bloque formado por el texto del elemento, mientras que con inside se integrará en el primer renglón del elemento

Ejemplos:

Este ítem de la lista tiene definida la posición del marcador como outside, por lo que se muestra fuera del cuadro creado por el contenido textual del mismo. Es la posición a la que estamos más habituados.
Sin embargo, este ítem tiene definida la posición del marcador como inside, por lo que se integra en el primer renglón del texto formando parte del mismo cuadro

Se ha utilizado también un color de fondo para mostrar cómo la posición inside se integra dentro del cuadro formado por el elemento, mientras que si el marcador tiene el valor outside queda fuera del mismo.

Valores: habrá que indicar la situación de la imagen con la sintaxis url(ruta_hacia_la_imagen)

Ejemplos: Ejemplos:

En la etiqueta <ul> se ha incluido un estilo en línea que incluye la ruta hacia esta imagen. (Recuerda que habría sido preferible ponerlo en una hoja interna o, mejor aún, externa utilizando un selector de tipo id para cada lista si tenemos varias y queremos individualizar las imágenes para cada una de ellas. Como no se ha especificado ninguna otra propiedad la posición por defecto es outside.
Un segundo ítem marcado con la misma imagen.

Cualquiera de las tres propiedades puede aplicarse a un ítem en particular <li> o a toda la lista <ul> u <ol> según corresponda. La aplicación como propiedad de la lista, bien sea en una hoja externa o interna, resulta siempre mucho más cómoda puesto que garantiza la herencia y nos evita tener que repetir las propiedades en cada uno de los elementos.

Investiga las posibilidades de las propiedades de lista e incorpóralas a tu hoja de estilo si lo consideras conveniente.