Lista de estilosStyle Property
Exemplo
Alterar o estilo de uma lista:
document.getElementById("myList").style.listStyle = "decimal inside";
Definição e uso
A propriedade listStyle define ou retorna até três propriedades de lista separadas, em uma forma abreviada.
Com esta propriedade, você pode definir/retornar um ou mais dos seguintes (em qualquer ordem):
- tipo de estilo de lista
- posição-estilo-lista
- imagem-estilo-lista
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
listStyle | Yes | Yes | Yes | Yes | Yes |
Sintaxe
Retorne a propriedade listStyle:
object.style.listStyle
Defina a propriedade listStyle:
object.style.listStyle = "type position image|initial|inherit"
Valores de propriedade
Parameter | Description |
---|---|
type | Defines the list-item marker type |
position | Positions the list-item marker |
image | Defines an image to be used as the list-item marker |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalhes técnicos
Valor padrão: | disco fora nenhum |
---|---|
Valor de retorno: | Uma String, representando o estilo de uma lista |
Versão CSS | CSS1 |
Mais exemplos
Exemplo
Altere o tipo e a posição de uma lista para "quadrado dentro":
document.getElementById("myList").style.listStyle = "square inside";
Exemplo
Retorne o estilo da lista:
document.getElementById("myList").style.listStyle;
Páginas relacionadas
Tutorial de CSS: Lista de CSS
Referência CSS: propriedade de estilo de lista
❮ Objeto de estilo