Exemplo
Alterar o tipo de marcador de lista para "upper-roman" :
document.getElementById("myList").style.listStyleType = "upper-roman"; Tente você mesmo " Definição e Uso
Os conjuntos de propriedades listStyleType ou retorna o tipo de marcador de lista.
Suporte navegador
A propriedade listStyleType é suportado em todos os principais navegadores.
Note: IE9 e Opera 11 não suportam: cjk-ideográfica, hebraico, hiragana, hiragana-Iroha, katakana, e katakana-iroha.
Note: IE8 suporta os valores de propriedade: decimal-líder de zero, menor grego, inferior Latina, superior Latina, arménio, e georgianas somente se um DOCTYPE é especificado!
Sintaxe
Devolver o imóvel listStyleType:
object .style.listStyleType
Defina a propriedade listStyleType:
object .style.listStyleType= Valores de propriedade Valor Descrição armenian O marcador é de numeração tradicional arménio circle O marcador é um círculo cjk-ideographic O marcador é ideográficas números simples decimal O marcador é um número. Este é o padrão para <ol> decimal-leading-zero O marcador é um número com zeros (01, 02, 03, etc) disc O marcador é um círculo cheio. Este é o padrão para <ul> georgian O marcador é de numeração tradicional georgiano hebrew O marcador é de numeração tradicional Hebrew hiragana O marcador é de numeração tradicional Hiragana hiragana-iroha O marcador é tradicional numeração iroha Hiragana katakana O marcador é de numeração tradicional Katakana katakana-iroha O marcador é tradicional numeração iroha Katakana lower-alpha O marcador é inferior-alfa (a, b, c, d, e, etc.) lower-greek O marcador é inferior-grego lower-latin O marcador é inferior latina (a, b, c, d, e, etc.) lower-roman O marcador é inferior romano (i, ii, iii, iv, v, etc.) none Nenhum marcador é mostrado square O marcador é um quadrado upper-alpha O marcador é-alfa superior (A, B, C, D, E, etc.) upper-latin O marcador é superior latina (A, B, C, D, E, etc.) upper-roman O marcador é superior romano (I, II, III, IV, V, etc.) initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: "disco" para <ul> e "decimal" para <ol> Valor de retorno: A String, que representa o tipo de uma lista CSS Versão CSS1
mais Exemplos
Exemplo
Todos os diferentes tipos de estilo de lista:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myList").style.listStyleType = listValue; Tente você mesmo "
Exemplo
Retornar o tipo de marcador de lista:
alert(document.getElementById("myList").style.listStyleType); Tente você mesmo "
Páginas relacionadas
Tutorial CSS: Lista CSS
Referência CSS: list-style-type property
HTML DOM referência: listStyle property
<Estilo de objeto