Atributo CSS list-style-type

Definição e uso

O atributo list-style-type define o tipo de marcador dos itens da lista.

Veja também:

Tutorial do CSS:Lista CSS

Manual do CSS:Atributo CSS list-style

Manual do HTML DOM:Atributo listStyleType

Exemplo

Defina diferentes estilos de lista:

ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ol.upper-roman {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}

Experimente você mesmo

(Mais exemplos podem ser encontrados na parte inferior da página).

Sintaxe do CSS

list-style-type: value;

Valor do atributo

Valores do CSS2:

Valor Descrição
none Sem marcador.
disc Padrão. O marcador é um círculo sólido.
circle O marcador é um círculo vazio.
square O marcador é um quadrado sólido.
decimal O marcador é um número.
decimal-leading-zero Os números marcados começando com 0 (01, 02, 03, etc.).
lower-roman Os números romanos minúsculos (i, ii, iii, iv, v, etc.).
upper-roman Os números romanos maiúsculos (I, II, III, IV, V, etc.).
lower-alpha As letras minúsculas do inglês The marker is lower-alpha (a, b, c, d, e, etc.).
upper-alpha Letras inglesas maiúsculas The marker is upper-alpha (A, B, C, D, E, etc.)
lower-greek Letras gregas minúsculas (alpha, beta, gamma, etc.)
lower-latin Letras latinas minúsculas (a, b, c, d, e, etc.)
upper-latin Letras latinas maiúsculas (A, B, C, D, E, etc.)
hebrew Modo de numeração hebraico tradicional
armenian Modo de numeração armênio tradicional
georgian Modo de numeração georgiano tradicional (an, ban, gan, etc.)
cjk-ideographic Números ideográficos simples
hiragana Os marcadores são: a, i, u, e, o, ka, ki, etc. (Katakana japonesa)
katakana Os marcadores são: A, I, U, E, O, KA, KI, etc. (Katakana japonesa)
hiragana-iroha Os marcadores são: i, ro, ha, ni, ho, he, to, etc. (Katakana japonesa)
katakana-iroha Os marcadores são: I, RO, HA, NI, HO, HE, TO, etc. (Katakana japonesa)

Valores do CSS2.1:

disc | circle | square | decimal | decimal-leading-zero | 
lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | 
armenian | georgian | none | inherit

Detalhes técnicos

Valor padrão: disc
Herança: sim
Versão: CSS1
Sintaxe do JavaScript: object.style.listStyleType="square"

Mais exemplos

Marcadores de itens de lista de lista não ordenada
Este exemplo demonstra os diferentes tipos de marcadores de itens de lista no CSS.
Marcadores de itens de lista de lista ordenada
Este exemplo demonstra os diferentes tipos de marcadores de itens de lista no CSS.
Todos os tipos de estilos de lista
Este exemplo demonstra todos os tipos diferentes de marcadores de itens de lista no CSS.

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