Atributo CSS list-style-position

Recomendações de cursos:

Definição e uso

Onde a propriedade listStylePosition define a posição do marcador do item da lista.

Descrição

Esta propriedade é usada para declarar a posição do marcador da lista em relação ao conteúdo do item da lista. O sinal externo (fora) ficará a uma distância determinada da borda do item da lista, mas essa distância não está definida no CSS. O sinal interno (dentro) é tratado como se fosse um elemento inline inserido no início do conteúdo do item da lista.

Veja também:CSS Lista

Manual do CSS:Atributo CSS list-style

Manual do HTML DOM:Propriedade listStylePosition

Exemplo

Define a posição do marcador do item da lista na lista:

ul
  {
  list-style-position:inside;
  }

Experimente você mesmo

Sintaxe do CSS

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

Valor da propriedade

Valor Descrição
inside Os marcadores de itens da lista ficam dentro do texto e o texto se alinha com base nos marcadores.
fora Valor padrão. Mantenha os marcadores à esquerda do texto. Os marcadores de itens da lista ficam fora do texto e o texto não se alinha com base nos marcadores.
inherit Deve-se herdar o valor da propriedade list-style-position do elemento pai.

Detalhes técnicos

Valor padrão: fora
Herança: sim
Versão: CSS1
Sintaxe do JavaScript: object.style.listStylePosition="inside"

Mais exemplos

Posicionar os marcadores de lista
Este exemplo demonstra onde posicionar os marcadores de lista.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

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