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

Manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

Lista do CSS-style-método de uso e exemplo do tipo

Este list-style-A propriedade typeCSS especifica o tipo de marcador para o item da lista.

A tabela a seguir fornece uma descrição de uso e histórico de versão deste atributo, bem como a sintaxe de uso neste atributo no script JavaScript.

valor padrão:disc
aplicável a:itens da lista
herança:sim
animável:não.Veja também propriedade de animação.
versão:CSS 1,2,3
JavaScript sintaxe:objeto.style.listStyleType="circle"

list-style-sintaxe de uso do type

A sintaxe deste atributo é a seguinte:

list-style-type: disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | initial | inherit

Os exemplos a seguir mostram como usar a lista-style-propriedade do tipo.

  ol {
   list-style-type: decimal-leading-zero;
  }
  ul {
   list-style-type: square;
  }
testar veja‹/›

valor do atributo

A tabela a seguir descreve os valores deste atributo.

valordescrição
discPadrão. O marcador é um círculo preenchido.
circleO marcador é um círculo vazio.
squareO marcador é um quadrado preenchido.
decimalO marcador é um número.
decimal-leading-zeroMarcadores de números começando com 0. (01, 02, 03, etc.
lower-romanNúmeros romanos minúsculos (i, ii, iii, iv, v, etc.)
upper-romanNúmeros romanos maiúsculos (I, II, III, IV, V, etc.)
lower-alphaLetras inglesas minúsculas O marcador é lower-alpha (a, b, c, d, e, etc.)
upper-alphaLetras inglesas maiúsculas O marcador é upper-alpha (A, B, C, D, E, etc.)
lower-greekLetras gregas minúsculas (alpha, beta, gamma, etc.)
lower-latinLetras latinas minúsculas (a, b, c, d, e, etc.)
upper-latinLetras latinas maiúsculas (A, B, C, D, E, etc.)
hebrewMétodo de numeração hebraico tradicional
armenianMétodo de numeração armênio tradicional
georgianMétodo de numeração georgiano tradicional (an, ban, gan, etc.)
cjk-ideographicNúmeros ideográficos simples
hiraganaOs marcadores são: a, i, u, e, o, ka, ki, etc. (Katakana japonês)
katakanaOs marcadores são: A, I, U, E, O, KA, KI, etc. (Katakana japonês)
hiragana-irohaOs marcadores são: i, ro, ha, ni, ho, he, to, etc. (Katakana japonês)
katakana-irohaOs marcadores são: I, RO, HA, NI, HO, HE, TO, etc. (Katakana japonês)
noneNão especificar o marcador.
initialDefina esse atributo como seu valor padrão.
inheritSe especificado, o elemento relacionado adota o valor list do elemento pai.-style-Valores do atributo type.

Compatibilidade do navegador

list-style-Compatibilidade do navegador do atributo type. Os números na tabela a seguir representam a versão mínima do navegador que suporta o 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 do HTML,Lista do CSS.

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