CSS counter-incrementPropiedad
Ejemplos
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
{
counter-increment:section;
content:"Section " counter(section) ". ";
}
h2:before
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}
Pruébalo »
Definición de la propiedad y notas de uso
La propiedad counter-increment incrementa el valor de uno o más contadores.
La propiedad counter-increment se usa a menudo con las propiedades counter-reset y content.
| Valor por defecto: | none |
|---|---|
| Herencia: | no |
| Versión: | CSS2 |
| Sintaxis de JavaScript: | object.style.counterIncrement="subsection" |
Soporte del navegador
Todos los navegadores principales admiten la propiedad counter-increment.
Nota:IE8 solo admite la propiedad counter-increment si se especifica !DOCTYPE.
Valores de la propiedad
| Valor | Descripción |
|---|---|
| none | No se incrementará ningún contador. |
| id number | id define el selector, id o clase cuyo contador se incrementará. number define el incremento. number puede ser positivo, cero o negativo. |
| inherit | Especifica que el valor de la propiedad counter-increment debe heredarse del elemento padre. |
Artículos relacionados
Manual de referencia de CSS:Pseudo-elemento :before
Manual de referencia de CSS:Pseudo-elemento :after
Manual de referencia de CSS:Propiedad content
Manual de referencia de CSS:Propiedad counter-reset
Otras extensiones