CSS / Listas: presentación visual

 La presentación visual de una lista se puede cambiar. Por ejemplo, en el caso de una lista no ordenada, en vez de un círculo relleno, un disco, se puede cambiar el estilo del marcador para que sea el contorno de un círculo o un rectángulo.

Esto se puede lograr con la utilización de la propiedad de CSS list-style-type. Esta propiedad toma distintos valores según sea una lista no ordenada o una lista ordenada.

Ten en cuenta que el estilo de una lista ordenada o numerada se puede cambiar directamente en la lista con el atributo type de HTML.

En el caso de las listas ordenadas, utilizando el atributo list-style-type éste permite modificar el formato de numeración de los elementos de la lista. Se puede modificar para que se empleen números romanos, letras o simplemente números.

list-stype-position, permite modificar la posición del marcador que define cada elemento en una lista.

Esta propiedad de CSS puede tomar dos valores, outside, que es el valor por defecto, e inside.

list-style-image se utiliza para definir una imagen que se emplea como marcador de los elementos de una lista. Por ejemplo, para utilizar esta imagen, un pequeño triángulo como marcador de los elementos de una lista se puede definir esta clase de CSS.

Fuente: Activate, Google España