Atributo counter-increment do CSS

Definição e uso

A propriedade counter-increment define o valor de incremento do contador para cada ocorrência do seletor. O valor padrão de incremento é 1.

Explicação

Utilizando essa propriedade, o contador pode incrementar (ou decrementar) um valor, que pode ser positivo ou negativo. Se não for fornecido o valor de number, o padrão é 1.

Notas:Se "display: none" foi usado, o contador não pode ser incrementado. Se "visibility: hidden" for usado, o contador pode ser incrementado.

Veja também:

Manual de referência CSS:Pseudo-elemento :before do CSS

Manual de referência CSS:Pseudo-elemento :after do CSS

Manual de referência CSS:Propriedade content

Manual de referência CSS:Propriedade counter-reset

Função CSS:Função counter()

Manual de referência do HTML DOM:Propriedade counterIncrement

Exemplo

Método para numerar partes e subpartes (por exemplo, "Section 1", "1.1", "1.2"):

body
  {
  counter-reset:section;
  }
h1
  {
  counter-reset:subsection;
  }
h1:before
  {
  content:"Section " counter(section) ". ";
  counter-increment:section;
  }
h2:before
  {
  counter-increment:subsection;
  content:counter(section) "." counter(subsection) ";
  }

Experimente você mesmo

Sintaxe CSS

counter-increment: none|id|initial|inherit;

Valor do atributo

Valor Descrição
none Padrão. O seletor não tem incremento de contador.
id number

id Define o seletor, id ou class que será incrementado no contador.

number Define o valor do incremento. O número pode ser positivo, zero ou negativo.
inherit Deve-se herdar o valor da propriedade counter-increment do elemento pai.

Detalhes técnicos

Valor padrão: none
Herança: no
Versão: CSS2
Sintaxe JavaScript: object.style.counterIncrement="subsection"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
4.0 8.0 2.0 3.1 9.6

Notas:Se !DOCTYPE foi especificado, o Internet Explorer 8 (e versões mais recentes) suporta a propriedade counter-increment.