English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
counter-Propiedad 'resetCSS' y 'counter'-La propiedad 'increment' se utiliza en combinación para crear un contador que se incrementa automáticamente y se muestra el valor del contador utilizando la propiedad 'content'.
La tabla a continuación proporciona la descripción de uso y el historial de versiones de esta propiedad, así como la sintaxis de uso en el script de JavaScript.
| Valor predeterminado: | none |
|---|---|
| Aplique a: | Todos los elementos |
| Herencia: | No |
| Animable: | No.Ver: Atributos de animación. |
| Versión: | CSS 2、3 |
| Sintaxis de JavaScript: | object.style.counterReset="section" |
La sintaxis de este atributo es la siguiente:
counter-reset: [ identifier integer ] 1 or más pares | none | initial | inherit
Los siguientes ejemplos muestran cómo usar counter-Atributo reset.
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 que se restablecerá. |
| integer | Cada vez que apareceAl seleccionar el selectorRestablecer el valor del contador. El valor predeterminado de restablecimiento es 0. |
| none | Ningún contador se restablecerá. Este es el valor predeterminado. |
| initial | Establecer este atributo a su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el counter del elemento padre-Valores del atributo reset. |
counter-La compatibilidad del navegador del atributo reset, los números en la tabla a continuación representan la versión más baja del navegador que admite el 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 en caso de especificar un valor válido.
Consulte los siguientes tutoriales:Elementos pseudo de CSS.
Atributos relacionados:content,counter-increment.