estilizar propriedade listStyle

definição e uso

listStyle defina a propriedade em formato abreviado ou retorne até três propriedades de lista individuais.

Através dessa propriedade, você pode definir/retornar a seguinte uma ou mais (em qualquer ordem):

veja também：

Tutorial CSS：Lista do CSS

Manual de referência CSS：propriedade list-style

instância

exemplo 1

mude o estilo da lista：

document.getElementById("myList").style.listStyle = "decimal inside";

Experimente você mesmo

exemplo 2

mude o tipo e a posição da lista para "square inside":

document.getElementById("myList").style.listStyle = "square inside";

Experimente você mesmo

exemplo 3

retorne o estilo da lista：

document.getElementById("myList").style.listStyle;

Experimente você mesmo

sintaxe

retorne a propriedade listStyle：

object.style.listStyle

defina a propriedade listStyle：

object.style.listStyle = "type position image|initial|inherit"

valor da propriedade

valor descrição
type define o tipo do marcador da lista.
position posiciona o marcador da lista.
image define a imagem usada como marcador da lista.
initial defina essa propriedade como seu valor padrão. Veja também initial.
inherit herda essa propriedade do elemento pai. Veja também inherit.

detalhes técnicos

valor padrão: disc outside none
Retorno: cadeia de caracteres, que representa o estilo da lista.
Versão do CSS： CSS1

suporte para navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
suporte suporte suporte suporte suporte