Atributo Style listStyleType

Definição e uso

listStyleType Define ou retorna o tipo de marcação da lista de itens.

Veja também:

Tutorial de CSS:Lista CSS

Manual do CSS:Atributo list-style-type

Manual do HTML DOM:Atributo listStyle

Exemplo

Exemplo 1

Mudar o tipo de marcação da lista para "upper-roman":

document.getElementById("myList").style.listStyleType = "upper-roman";

Experimente você mesmo

Exemplo 2

Todos os tipos de estilos de lista diferentes:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myList").style.listStyleType = listValue;

Experimente você mesmo

Exemplo 3

Retorne o tipo de marcador da lista:

alert(document.getElementById("myList").style.listStyleType);

Experimente você mesmo

Sintaxe

Retorne a propriedade listStyleType:

object.style.listStyleType

Defina a propriedade listStyleType:

object.style.listStyleType = value

Valor da propriedade

Valor Descrição
armenian O marcador é o número armênio tradicional.
circle O marcador é um círculo.
cjk-ideographic O marcador é um número ideográfico simples.
decimal O marcador é um número. Este é o valor padrão do <ol>.
decimal-leading-zero O marcador é um número com zero à esquerda (01, 02, 03, etc.).
disc O marcador é um círculo sólido. Este é o valor padrão do <ul>.
georgian O marcador é o número georgiano tradicional.
hebrew O marcador é o número hebraico tradicional.
hiragana O marcador é o número hiragana tradicional.
hiragana-iroha O marcador é o número iroha de hiragana tradicional.
katakana O marcador é o número katakana tradicional.
katakana-iroha O marcador é o número iroha de hiragana tradicional.
lower-alpha O marcador é uma letra inglesa minúscula (a, b, c, d, e, etc.).
lower-greek O marcador é uma letra grega minúscula.
lower-latin O marcador é uma letra latina minúscula (a, b, c, d, e, etc.).
lower-roman O marcador é uma letra romana minúscula (i, ii, iii, iv, v, etc.).
none Não exibir marcador.
square O marcador é um quadrado.
upper-alpha O marcador é uma letra inglesa maiúscula (A, B, C, D, E, etc.).
upper-latin O marcador é uma letra latina maiúscula (A, B, C, D, E, etc.).
upper-roman O marcador é uma letra romana maiúscula (I, II, III, IV, V, etc.).
initial Defina essa propriedade como seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: <ul> é "disc", <ol> é "decimal".
Retorno: Cadeia de caracteres, que representa o tipo da lista.
Versão do CSS： CSS1

Navegador suporta

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte