Atributo CSS list-style-position

Definición y uso

La propiedad listStylePosition especifica dónde se coloca el marcador del elemento de lista.

Explicación

Esta propiedad se utiliza para declarar la posición del marcador de lista en relación con el contenido del elemento de lista. El marcador externo (outside) se coloca a una cierta distancia del borde del elemento de lista, pero esta distancia no está definida en CSS. El marcador interno (inside) se trata como si fuera un elemento en línea insertado al principio del contenido del elemento de lista.

Véase también:

Tutoriales recomendados:Lista CSS

Manual de referencia de CSS:Atributo CSS list-style

Manual de referencia de HTML DOM:Propiedad listStylePosition

Ejemplo

Se especifica la posición del marcador de lista en la lista:

ul
  {
  list-style-position:inside;
  }

Prueba tú mismo

Sintaxis de CSS

list-style-position: inside|outside|initial|inherit;

Valor de la propiedad

Valor Descripción
inside Los marcadores de lista se colocan dentro del texto y el texto se alinea según los marcadores.
fuera Valor predeterminado. Mantén los marcadores de lista a la izquierda del texto. Los marcadores de lista se colocan fuera del texto y el texto no se alinea según los marcadores.
inherit Se especifica que el valor de la propiedad list-style-position debe ser heredado del elemento padre.

Detalles técnicos

Valor predeterminado: fuera
Herencia: sí
Versión: CSS1
Sintaxis de JavaScript: object.style.listStylePosition="inside"

Más ejemplos

Colocación del marcador de lista
Este ejemplo muestra dónde se debe colocar el marcador de lista.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente esta propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5