Manual de referência CSS

regras CSS (RULES)

大全 de Atributos CSS

Atributo cursor do CSS CSS counter-Atributo increment

CSS counter-Método de uso e exemplo da propriedade reset

counter-A propriedade resetCSS com counter-A combinação de atributos increment, usada para criar um contador auto-incrementável e exibir o valor gerado com a propriedade content.

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

Valor padrão:	none
Aplique-se a:	Todos os elementos
Herança:	Nenhum
Animável:	Não.Veja também Atributos de animação。
Versão:	CSS 2、3
Sintaxe em JavaScript:	object.style.counterReset="section"

counter-Sintaxe de uso do reset

A sintaxe dessa propriedade é a seguinte:

counter-reset: [ identifier integer ]　1　ou mais pares | none | initial | inherit

Os seguintes exemplos mostram como usar counter-Atributo reset

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‹/›

Valores do atributo

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
identifier	O nome do contador a ser resetado.
integer	cada vez que aparecerao usar o seletorResetar o valor do contador. O valor padrão de reset é 0.
none	Nenhum contador será resetado. Este é o valor padrão.
initial	Defina essa propriedade para seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o counter do elemento pai-Valores do atributo reset

Compatibilidade do navegador

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

	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 quando especificado um valor válido.