Propriedade de imagem de estilo de lista CSS
Exemplo
Especifique uma imagem como marcador de item de lista em uma lista:
ul
{
list-style-image: url('sqpurple.gif');
}
Definição e uso
A list-style-image
propriedade substitui o marcador de item de lista por uma imagem.
Observação: sempre especifique também a propriedade list-style-type . Esta propriedade é usada se a imagem por algum motivo não estiver disponível.
Valor padrão: | Nenhum |
---|---|
Herdado: | sim |
Animavel: | não. Leia sobre animáveis |
Versão: | CSS1 |
Sintaxe JavaScript: | object .style.listStyleImage="url('smiley.gif')" |
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
list-style-image | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Sintaxe CSS
list-style-image: none|url|initial|inherit;
Valores de propriedade
Value | Description | Play it |
---|---|---|
none | No image will be displayed. Instead, the list-style-type property will define what type of list marker will be rendered. This is default | |
url | The path to the image to be used as a 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 |
Páginas relacionadas
Tutorial de CSS: Lista de CSS
Referência CSS: propriedade de estilo de lista
Referência HTML DOM: propriedade listStyleImage