CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS counter-Atributo reset Atributo content do CSS

CSS counter-Método de uso e exemplo do atributo increment

counter-A propriedade CSS incrementa o valor de um ou mais contadores. Este atributo é muito útil para criar funcionalidades de numeração automática.

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

Valor padrão:	none
Aplique-se a:	Todos os elementos
Herança:	Não
Animável:	Não.Ver: Atributos de animação.
Versão:	CSS 2,3
Sintaxe JavaScript:	object.style.counterIncrement="section"

counter-Sintaxe de uso do increment

A sintaxe deste atributo é:

counter-increment: [ identifier integer ]1　or mais pares | none | initial | inherit

Os exemplos a seguir mostram como usar counter-Atributo increment.

Exemplo

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

Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

Valor	Descrição
identifier	O nome do contador a ser incrementado.
integer	O valor a ser adicionado ao contador. O valor padrão é1. Permite zero ou valores negativos.
none	Nenhum contador será incrementado. Este é o valor padrão.
initial	Defina este atributo para seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor do atributo direction do elemento pai.

Compatibilidade do navegador

counter-Compatibilidade do navegador do atributo increment. Os números na tabela a seguir representam a versão mais baixa do navegador que suporta este atributo; todos os navegadores populares suportam este atributo.

	Firefox 1.5Acima Google Chrome2+ Internet Explorer 8+ Apple Safari 3+ Opera 9.2+

Aviso: Internet Explorer 7e versões mais antigas não suportam este counter-Atributo increment. IE8Apenas<!DOCTYPE>Suportado apenas se especificado um valor válido.