Atributo counter-reset de CSS

Definición y uso

La propiedad counter-reset establece el valor del contador de apariciones de un selector determinado. El valor predeterminado es 0.

Utilizando esta propiedad, el contador puede establecerse o restablecerse a cualquier valor, positivo o negativo. Si no se proporciona number, el valor predeterminado es 0.

Notas:Si se utiliza "display: none", no se puede resetear el contador. Si se utiliza "visibility: hidden", se puede resetear el contador.

Véase también:

Manual de referencia CSS:Pseudoelemento :before de CSS

Manual de referencia CSS:Pseudoelemento :after de CSS

Manual de referencia CSS:Atributo content

Manual de referencia CSS:Atributo counter-increment

Función CSS:Función counter()

Manual de referencia HTML DOM:Atributo counterReset

Ejemplo

Método para numerar partes y subpartes (por ejemplo, "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) ";
  }

Prueba personal

Sintaxis de CSS

counter-reset: none|Nombre number|initial|inherit;

Valor del atributo

Valor Descripción
none Predeterminado. No se puede resetear el contador del selector.
id number

id Define el selector, id o clase que se utilizará para resetear el contador.

number Se puede establecer el valor del contador que aparece次数. Puede ser un número positivo, cero o negativo.
inherit Se debe especificar que el valor de counter-reset se hereda del elemento padre.

Detalles técnicos

Valor predeterminado: none
Herencia: no
Versión: CSS2
Sintaxis de JavaScript: object.style.counterReset="subsection"

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

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

Notas:Si se ha especificado !DOCTYPE, Internet Explorer 8 (y versiones superiores) soportan la propiedad counter-reset.