Atributo counter-increment de CSS

Definición y uso

La propiedad counter-increment establece el aumento del contador para cada aparición del selector seleccionado. El aumento predeterminado es 1.

Descripción

Utilizando esta propiedad, el contador puede aumentar (o disminuir) un valor, que puede ser positivo o negativo. Si no se proporciona el valor de number, se establece por defecto en 1.

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

Véase también:

Manual de referencia de CSS:Pseudoelemento CSS :before

Manual de referencia de CSS:Pseudoelemento CSS :after

Manual de referencia de CSS:Propiedad content

Manual de referencia de CSS:Propiedad counter-reset

Función CSS:Función counter()

Manual de referencia de HTML DOM:Propiedad counterIncrement

Ejemplo

Método para numerar secciones y subsecciones (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) ";
  }

Intente hacerlo usted mismo

Sintaxis de CSS

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

Valor del atributo

Valor Descripción
none Predeterminado. El selector no tiene aumento de contador.
id number

id Define el selector, id o clase que se aumentará el contador.

number Define el aumento. El número puede ser un número positivo, cero o negativo.
inherit Se debe especificar que el valor de counter-increment debe ser heredado del elemento padre.

Detalles técnicos

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

Compatibilidad del navegador

Los números en la tabla indican la primera 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 posteriores) admiten la propiedad counter-increment.