list-style-position
Esta propiedad indica si el espacio de tabulador que se le aplica a los elementos de la lista, se le aplicará también al elemento marcador. El efecto final es que la lista aparecerá un poco más desplazada a la derecha, o como siempre. Los valores son:
- outside: Este es el valor por defecto que se aplica siempre si no se indica nada. El tabulado sólo se aplica al texto de cada elemento, quedando el marcador un poco más a la izquierda.
- inside: Incluye el marcador en el desplazamiento por tabulado, así que toda la lista estará un poco desplazada hacia la derecha. Se pueden ver ambos efectos en la siguiente página.
Si quisiéramos que una lista tuviera como marcador una imagen, en lugar de los símbolos de siempre, y si además queremos que la lista esté desplazada un poco más a la derecha porque el tabulado afecte también al marcador, lo pondríamos así:
Podemos hacer que algunos elementos de la lista tenga un estilo diferente al resto de la lista definiendo su propio estilo:
Si queremos indicar varias propiedades de las listas de una vez usamos la propiedad list-style, el orden aconsejado es: list-style: <type> <position> <image>;