Exemplo
Uma maneira de numerar seções e sub-seções com "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) " ";
}
Tente você mesmo " Definição e Uso
A propriedade counter-increment incrementos de um ou mais valores de contador.
A propriedade counter-increment é geralmente usado em conjunto com a propriedade counter-reset ea propriedade de conteúdo.
| Valor padrão: | none |
|---|---|
| Herdado: | no |
| Animatable: | no. Read about animatable |
| Versão: | CSS2 |
| sintaxe JavaScript: | object .style.counterIncrement = "subsection"; Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| counter-increment | 4.0 | 8 | 2.0 | 3.1 | 9,6 |
Note: IE8 suporta a propriedade counter-increment somente se um DOCTYPE é especificado!.
CSS Syntax
counter-increment: none|id|initial|inherit;Valores de propriedade
| Valor | Descrição |
|---|---|
| none | Valor padrão. Nenhum contador será incrementado |
| id number | O id define quais contador que deve ser incrementado. O number define o quanto o contador será incrementado em cada ocorrência do selector. O incremento padrão é 1. Os valores 0 ou negativos, são permitidos. Se o id refere-se a um balcão que não foi inicializada por contra-reset, o valor inicial padrão é 0 |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
Referência CSS: : antes elemento pseudo
Referência CSS: : após elemento pseudo
Referência CSS: content property
Referência CSS: counter-reset property
HTML DOM de referência: counterIncrement property