English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referência CSS

regras CSS (RULES)

大全 de Atributos CSS

CSS lista-style-Método de uso e exemplo do atributo image

list-style-O atributo image CSS especifica uma imagem como símbolo de marcador de item da lista.

A tabela a seguir fornece instruções de uso e histórico de versões deste atributo, bem como a sintaxe de uso no script JavaScript.

Valor padrão:normal
Aplicável a:Item da lista
Herança:Sim
Animável:Não.Veja também Atributos de animação.
Versão:CSS 1,2,3
Sintaxe JavaScript:object.style.listStyleImage="url(#39;images/arrow.png#39;"

Dica:Estelist-styleOs atributos CSS de atalho são geralmente mais convenientes, a maneira preferida de definir atributos de estilo de lista.

Sintaxe de uso da imagem de estilo de lista

A sintaxe deste atributo é a seguinte:

list-style-image: url | none | initial | inherit

Os seguintes exemplos mostram como usar list-style-Atributo image.

  ul {
   list-style-image: url("images/arrow.png");
  }
Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

ValorDescrição
urlA localização da imagem usada como marcador de item da lista.
noneNenhum marcador de imagem será exibido. Em vez disso, olist-style-typeO atributo especificará qual tipo de marcador de lista será apresentado (se houver). Este é o valor padrão.
obliqueFonte marcada como inclinada.
initialDefina esse atributo para seu valor padrão.
inheritSe especificado, o elemento relacionado usará o valor list do elemento pai-style-Valores do atributo image.

Compatibilidade do navegador

list-style-Compatibilidade do navegador do atributo image, os números na tabela a seguir representam a versão mínima do navegador que suporta esse atributo; todos os navegadores populares suportam esse atributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 7+

Leia mais

Por favor, consulte o seguinte tutorial:Lista HTML,CSS lista.

Atributos relacionados:list-style,list-style-position,list-style-type.