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

Manual de referência CSS

Regras CSS @

大全 de Atributos CSS

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

list-style-O atributo position CSS especifica a posição da marca do item da lista em relação ao bloco principal do item da lista.

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

Valor padrão:outside
Aplicável a:Item da lista
Herança:Sim
Animável:Não.Por favor, consulte Atributo de animação
Versão:CSS 1,2,3
Sintaxe JavaScript:object.style.listStylePosition="inside"

Sintaxe de uso da posição do estilo da lista

A sintaxe deste atributo é a seguinte:

list-style-position: inside | outside | initial | inherit

Os exemplos a seguir mostram como usar list-style-Atributo position.

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

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

ValorDescrição
insideAs marcas de lista são colocadas no primeiro bloco inline do bloco principal, antes do conteúdo do elemento.
outsideAs marcas de lista são colocadas fora do bloco principal do bloco. Isso é o valor padrão.
initialDefina esse atributo para seu valor padrão.
inheritSe especificado, o elemento relacionado usa a lista do pai-style-Valores do atributo position.

Compatibilidade do navegador

list-style-Compatibilidade do navegador do atributo position, 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 4+

Leia mais

Por favor, consulte o seguinte tutorial:Lista HTMLCSS lista

Atributos relacionados:list-stylelist-style-imagelist-style-type