manuel de référence CSS

règles CSS @

大全 des attributs CSS

Propriété cursor de CSS CSS counter-increment propriété

CSS counter-Méthode d'utilisation et exemples de la propriété reset

counter-Propriété resetCSS et counter-La combinaison des propriétés increment, utilisée pour créer un compteur incrémental automatique, et content pour afficher la valeur du compteur généré.

Le tableau suivant décrit l'utilisation de cette propriété, l'historique des versions, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.

Valeur par défaut :	none
Appliqué à :	Tous les éléments
Héritage :	Aucun
Animable :	Non.Voir également Attributs d'animation。
Version :	CSS 2、3
Syntaxe JavaScript :	object.style.counterReset="section"

counter-Syntaxe d'utilisation de reset

La syntaxe de cette propriété est la suivante :

counter-reset:　[　identifier　integer　]　1　ou plus paires | none | initial | inherit

Les exemples suivants montrent comment utiliser counter-propriété reset.

Exemple

　　body　{
　　　counter-reset:　section;
　　}
　　h1　{
　　　counter-reset:　category;
　　}
　　h1:before　{
　　　counter-increment:　section;
　　　content:　"Section　"　counter(section)　".　";　　　　　
　　}
　　h2:before　{
　　　counter-increment:　category;
　　　content:　counter(section)　"."　counter(category)　"　";
　　}

Voyons si ça marche‹/›

Valeur de propriété

Le tableau suivant décrit les valeurs de cette propriété.

Valeur	Description
identifier	Nom du compteur à réinitialiser.
integer	à chaque apparitionLors du choix du sélecteurRéinitialiser la valeur du compteur. La valeur par défaut de réinitialisation est 0.
none	Aucun compteur ne sera réinitialisé. C'est la valeur par défaut.
initial	Définir cette propriété à sa valeur par défaut.
inherit	Si spécifié, l'élément lié utilise le counter de son élément parent-Valeur de propriété reset.

Compatibilité du navigateur

counter-Compatibilité du navigateur du propriété reset, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; toutes les navigateurs populaires prennent en charge cette propriété.

	Firefox 1.5Les navigateurs suivants : Google Chrome2+ Internet Explorer 8+ Apple Safari 3+ Opera 9.2+

Avertissement : Internet Explorer 7et les versions antérieures ne supportent pas ce counter-propriété increment. IE8Uniquement dans<!DOCTYPE>Supporté uniquement si une valeur valide est spécifiée.

Pour en savoir plus

Veuillez consulter les tutoriels suivants :CSS pseudo-éléments。

propriétés associées :content，counter-increment。

Propriété cursor de CSS CSS counter-increment propriété