English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
counter-La propiedad CSS incrementa el valor de uno o más contadores. Este atributo es muy útil para crear funciones de numeración automática.
La tabla a continuación proporciona la explicación de uso y el historial de versiones de esta propiedad, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | none |
|---|---|
| Aplícase a: | Todos los elementos |
| Herencia: | No |
| Animable: | No.Ver: Atributos de animación. |
| Versión: | CSS 2,3 |
| Sintaxis de JavaScript: | object.style.counterIncrement="section" |
La sintaxis de este atributo es la siguiente:
counter-increment: [ identifier integer ]1 or más pares | none | initial | inherit
Los siguientes ejemplos muestran cómo usar counter-Atributo increment.
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) " ";
}Prueba y mira‹/›La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| identifier | El nombre del contador a incrementar. |
| integer | El valor a agregar al contador.1. Permite cero o valores negativos. |
| none | Ningún contador se incrementará. Este es el valor predeterminado. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el valor del atributo direction del elemento padre. |
counter-Compatibilidad del navegador del atributo increment. Los números en la tabla a continuación representan la versión mínima del navegador que admite este atributo; todos los navegadores principales admiten este atributo.
|
Advertencia: Internet Explorer 7y versiones anteriores no admiten este counter-Atributo increment. IE8Sólo en<!DOCTYPE>Sólo se admite cuando se especifica un valor válido.
Consulte la siguiente instrucción:Elementos pseudo de CSS.
Atributos relacionados:content,counter-reset.