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

manual de referência CSS

regras CSS @

大全 de atributos CSS

CSS list-style propriedade uso método e exemplo

list-style CSS propriedade definiçãoItens da listaestilo de exibição. É usado para definir várias propriedades de lista em uma única declaração (ou sejalist-style-typelist-style-positionelist-style-imageA abreviação do atributo ()

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

Valor padrão:Ver todas as propriedades
Aplicável a:Itens da lista
Herança:Sim
Animável:Não.Por favor, consulte: Animação propriedade
Versão:CSS 1,2,3
JavaScript sintaxe:object.style.listStyle="decimal inside"

list-style uso sintaxe

A sintaxe dessa propriedade é a seguinte:

list-style: [ list-style-type list-style-position list-style-image ] | initial | inherit

Os seguintes exemplos mostram como usar list-style propriedade.

  ul {
   list-style: circle inside;
  }
  ol {
   list-style: upper-latin outside;
  }
Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
list-style-typeEspecifique o estilo do marcador do item da lista.
list-style-positionEspecifique a posição do marcador do item da lista.
list-style-imageEspecifique a imagem usada como marcador de item da lista.
initialDefina essa propriedade como seu valor padrão.
inheritSe especificado, o elemento relacionado usa o valor list do elemento pai-style valor da propriedade.

Navegador compatibilidade

list-style propriedade do navegador compatibilidade, os números na tabela a seguir indicam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 7+

Leia mais

Por favor, consulte o seguinte tutorial:HTML listaCSS lista

relacionadas propriedades:list-style-imagelist-style-positionlist-style-type