Exemplo
Especifique todas as propriedades de lista em uma declaração:
ul
{
list-style: square url("sqpurple.gif");
}
Tente você mesmo " Definição e Uso
A propriedade estenográfica list-style define todas as propriedades de lista em uma declaração.
As propriedades que podem ser definidas, são (in order) : tipo list-style, list-style-position, list-style-image.
Se um dos valores acima estiver faltando, por exemplo, "list-style:circle inside;" , O valor padrão para a propriedade ausente será inserido, se houver.
Valor padrão: | disc outside none |
---|---|
Herdado: | yes |
Animatable: | no. Read about animatable |
Versão: | CSS1 |
sintaxe JavaScript: | object .style.listStyle="decimal inside" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
Propriedade | |||||
---|---|---|---|---|---|
list-style | 1.0 | 4.0 | 1.0 | 1.0 | 7 |
CSS Syntax
list-style:list-style-typelist-style-positionlist-style-image|initial|inherit;
Valores de propriedade
Valor | Descrição |
---|---|
list-style-type | Especifica o tipo de marcador de lista. Veja list-style-type para possíveis valores |
list-style-position | Especifica onde colocar o marcador de lista. Veja list-style-position para possíveis valores |
list-style-image | Especifica o tipo de marcador de lista. Veja list-style-image para possíveis valores |
initial | Define essa propriedade para o valor padrão. Leia sobre inicial |
inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
Tutorial CSS: Lista CSS
HTML DOM de referência: listStyle property