CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaft大全

CSS cursor Eigenschaft CSS counter-increment Eigenschaft

CSS counter-Verwendungsmethode und Beispiel für das reset-Attribut

counter-resetCSS-Attribute und counter-Kombination der increment-Attribute, um automatische Zähler zu erstellen und die Werte der generierten Zähler anzuzeigen, indem das content-Attribut verwendet wird.

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

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

counter-Syntax der Verwendung von reset

Die Syntax dieses Attributes ist wie folgt:

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

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

Beispiel

　　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 heraus‹/›

Eigenschaftswerte

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
identifier	der Name des Zählers, den Sie zurücksetzen möchten.
integer	bei jedem Auftretenbei der Auswahl des SelectorsSetzen Sie den Wert des Zählers zurück. Der Standardwert für die Rücksetzung ist 0.
none	Kein Zähler wird zurückgesetzt. Dies ist der Standardwert.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, wird der counter des übergeordneten Elements verwendet.-Werte der Eigenschaft reset.

Browserkompatibilität

counter-Kompatibilität der Browser für die reset Eigenschaft, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die diese Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Eigenschaft.

	Firefox 1.5Oben genannte 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.

Weiterführende Lektüre

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

zusammenhängende Eigenschaften:content,counter-increment.

CSS cursor Eigenschaft CSS counter-increment Eigenschaft