manuel de référence CSS

règles CSS @RULES

大全 des attributs CSS

compteur CSS-propriété reset Attribut content de CSS

compteur CSS-Méthode d'utilisation et exemple de l'attribut increment

compteur-L'attribut increment ajoute une ou plusieurs valeurs à un compteur CSS. Cet attribut est très utile pour créer des fonctionnalités de numérotation automatique.

Le tableau suivant décrit l'utilisation de cet attribut et l'historique des versions, ainsi que la syntaxe d'utilisation de cet attribut 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
JavaScript Syntaxe :	object.style.counterIncrement="section"

compteur-Syntaxe d'utilisation de increment

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

compteur-increment:　[　identifier　integer　]1　ou plus paires | none | initial | inherit

Les exemples suivants montrent comment utiliser counter-attribut increment.

Exemple

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

Essayez de voir‹/›

Valeur de l'attribut

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

Valeur	Description
identifier	Nom du compteur à incrémenter.
integer	Valeur à ajouter au compteur. L'incrément par défaut est1. Permet des valeurs nulles ou négatives.
none	Aucun compteur ne sera augmenté. 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 la valeur de l'attribut direction de son élément parent.

Compatibilité du navigateur

compteur-Compatibilité des navigateurs pour l'attribut increment, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

	Firefox 1.5Les navigateurs ci-dessus Google Chrome2+ Internet Explorer 8+ Apple Safari 3+ Opera 9.2+

Avertissement : Internet Explorer 7et les versions antérieures ne prennent pas en charge ce compteur-attribut increment. IE8Seulement dans<!DOCTYPE>Seulement lorsque des valeurs valides sont spécifiées.

Pour en savoir plus

Veuillez consulter les tutoriels suivants :élément pseudo de CSS.

propriétés associées :contenu,compteur-reset.

compteur CSS-propriété reset Attribut content de CSS