Ejemplo
Una manera de numerar las secciones y subsecciones con "Section 1" , "1.1" , "1.2" , etc .:
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) " ";
}
Inténtalo tú mismo " Definición y Uso
La propiedad counter-increment incrementa uno o más valores de contador.
La propiedad contador aún se utiliza generalmente junto con la propiedad counter-reset y la propiedad de contenido.
| Valor por defecto: | none |
|---|---|
| Heredado: | no |
| animatable: | no. Read about animatable |
| Versión: | CSS2 |
| la sintaxis de JavaScript: | object .style.counterIncrement = "subsection"; Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| counter-increment | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
Note: IE8 es compatible con la propiedad counter-increment sólo si se especifica un! DOCTYPE.
sintaxis CSS
counter-increment: none|id|initial|inherit;Valores de propiedad
| Valor | Descripción |
|---|---|
| none | Valor por defecto. No se incrementarán los contadores |
| id number | La id define qué contador que debe ser incrementada. El number establece hasta qué punto el contador se incrementará en cada aparición del selector. El incremento predeterminado es 1. Los valores 0 o negativos, se permiten. Si el id se refiere a un contador que no se ha inicializado por el contador de reposición, el valor inicial por defecto es 0 |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
Referencia CSS: : antes de pseudo elemento
Referencia CSS: : después de pseudo elemento
Referencia CSS: content property
Referencia CSS: counter-reset property
Referencia HTML DOM: counterIncrement property