English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaft大全

CSS counter-Verwendung und Beispiel für die Eigenschaft increment

counter-Die CSS-Eigenschaft increment erhöht den Wert eines oder mehrerer Zähler. Dieses Attribut ist besonders nützlich zur Erstellung automatischer Nummerierungsfunktionen.

Die folgende Tabelle enthält die Verwendungshinweise und Versionshistorie dieses Attributs sowie die Syntax für seine Verwendung in JavaScript-Skripten.

Standardwert:none
Anwendbar für:Alle Elemente
Vererbung:Keine
Animierbar:Nein.Bitte参见 Animationseigenschaft.
Version:CSS 2、3
JavaScript Syntax:object.style.counterIncrement="section"

counter-Syntax der Verwendung von increment

Die Syntax dieses Properties ist wie folgt:

counter-increment:　[　identifier　integer　]1　or mehr Paare | none | initial | inherit

Die folgenden Beispiele zeigen, wie counter verwendet wird-increment Eigenschaft.

　　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)　"　";
　　}
Testen Sie es heraus‹/›

Property-Wert

Die folgende Tabelle beschreibt den Wert dieses Properties.

WertBeschreibung
identifierDer Name des Zählers, der erhöht werden soll.
integerDer Wert, der hinzugefügt werden soll, zum Zähler.1. Erlaubt Null oder negative Werte.
noneKein Zähler wird erhöht. Dies ist der Standardwert.
initialSetzen Sie diesen Property auf seinen Standardwert.
inheritWenn angegeben, verwendet der verknüpfte Element die Eigenschaftswert von direction des Elternelements.

Browserkompatibilität

counter-Kompatibilität der Browser mit der increment Eigenschaft, die in der folgenden Tabelle angegebenen Zahlen stellen die niedrigste Versionsnummer dar, die den Property unterstützt; alle gängigen Browser unterstützen dieses Property.

  • Firefox 1.5Die folgenden

  • Google Chrome2+

  • Internet Explorer 8+

  • Apple Safari 3+

  • Opera 9.2+

Warnung: Internet Explorer 7und frühere Versionen unterstützen diesen counter nicht-increment Eigenschaft. IE8Nur<!DOCTYPE>Unterstützt nur, wenn ein gültiger Wert angegeben wird.

Weiters Lesen

Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS Pseudo-Elemente.

zusammenhängende Eigenschaften:content,counter-reset.

CSS counter-reset EigenschaftCSS content Eigenschaft