counter-reset CSS propriedade
Exemplos
E na parte da sub-seção de numeração (por exemplo, "Seção 1", "1.1", "1.2") Método:
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) " ";
}
{
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 »
Atributo definições e instruções
contra-redefinir ou redefinir a propriedade para criar um ou mais contadores.
counter-reset propriedade e é normalmente propriedade counter-increment, atributo content.
padrão: | nenhum |
---|---|
herança: | não |
versão: | CSS2 |
sintaxe JavaScript: | objeto .style.counterReset = "subseção" |
Suporte a navegadores
Todos os principais navegadores suportam a propriedade counter-reset.
Nota: IE8 apenas o tipo de documento suportado counter-reset propriedade especificada !.
Valor de propriedade
valor | explicação |
---|---|
nenhum | Padrão. Você não pode selecionar o contador restaurado |
número de identificação | id definido repor o contador selector, id ou classe. Você pode definir este selector número contrariar o número de ocorrências. Pode ser positivo, nulo ou negativo. |
herdar | Disposições deve herdar os valores de propriedade counter-reset do elemento pai |
artigos relacionados
Referenciar o CSS: : o pseudo-elemento antes
Referenciar o CSS: : o Depois de pseudo-elemento
Referenciar o CSS: propriedades de conteúdo
Referenciar o CSS: atributo contra-INCREMENTO