CSS counter-reset propriété
Exemples
Et de la part de la sous-section numérotation (par exemple, "Section 1", "1.1", "1.2") Méthode:
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) " ";
}
Essayez »
Définition des attributs et des instructions
counter-reset ou réinitialiser la propriété pour créer un ou plusieurs compteurs.
propriété counter-reset et est généralement la propriété counter-increment, attribut content.
Par défaut: | aucun |
---|---|
Héritage: | aucun |
Version: | CSS2 |
Syntaxe JavaScript: | objet .style.counterReset = "paragraphe" |
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété counter-reset.
Note: IE8 seulement le DOCTYPE supporté counter-reset propriété spécifiée !.
Valeur de la propriété
valeur | explication |
---|---|
aucun | Par défaut. Vous ne pouvez pas sélectionner la réinitialisation du compteur |
numéro d'identification | id défini réinitialiser le compteur sélecteur, id ou de classe. Vous pouvez régler ce sélecteur de nombre de contrer le nombre d'occurrences. Peut être positif, nul ou négatif. |
hériter | Des dispositions devraient hériter des valeurs de propriété contre-réinitialisation à partir de l'élément parent |
articles connexes
Référence CSS: : le pseudo-élément avant
Référence CSS: : After pseudo-élément
Référence CSS: Propriétés du contenu
Référence CSS: attribut counter-increment