[an error occurred while processing this directive][an error occurred while processing this directive] [an error occurred while processing this directive] Cascading Style Sheets { Vollreferenz zu CSS 1 und CSS 2.1 : COUNTER-INCREMENT } [an error occurred while processing this directive]
[an error occurred while processing this directive][an error occurred while processing this directive]

Welche Entwicklungen gibt es im Bereich CSS und auf dem Büchermarkt? Die Autoren einiger beliebter CSS-Bücher haben sich bereit erklärt, die Entwicklung am Markt aus ihrer Sicht kurz darzustellen, hier auf der Buchseite.

CSS 2.1 ::Referenz ::Eigenschaften

CSS 2.1: counter-increment

Erläuterungen

Die Eigenschaft counter-increment dient dazu, einen oder mehrere benannte Zähler um einen gegebenen Wert zu inkrementieren. Wenn sich diese Eigenschaft auf einen Zähler bezieht, der nicht vorher durch counter-reset zurückgesetzt wurde, wird davon ausgegangen, dass er auf 0 gesetzt ist.

Diese Eigenschaft wird bis jetzt noch von keinem der weiter verbreiteten Browser korrekt realisiert und wurde in CSS 2.1 wieder entfernt. Sie ist erst für CSS 3 wieder eingeplant.

Erlaubte Werte

Auszug aus der Spezifikation (die verwendete Syntax wird im Artikel CSS-Wertesyntax genauer erläutert):

'counter-increment' [ <identifier> <integer>? ]+ | none | inherit

<identifier> <integer>
Name des Zählers und Inkrementalwert. Der Inkrementalwert ist optional und voreingestellt auf 1. 0 und negative Werte sind erlaubt.
none (Ausgangswert)
Kein Zähler wird dargestellt.
inherit
Bestimmt explizit, dass diese Eigenschaft denselben berechneten Wert wie im Elternelement annimmt. Mobilgeräte, deren Browser diese Eigenschaft umsetzen, sind bisher nicht bekannt.

Code-Beispiel:

(Der CSS-2.1-Spezifikation entnommen)

H1:before { content:"Kapitel " counter(Kapitel) ". "; counter-increment:Kapitel; /* Add 1 to Kapitel */ counter-reset:Abschnitt; /* Set Abschnitt to 0 */ }

Browserunterstützung

 
Die Eigenschaft counter-increment wird mit einer Ausnahme von keinem der modernen Browser unterstützt.
Opera 7+
Der Opera-Browser verarbeitet sowohl die Eigenschaft counter-reset als auch counter-increment.

Eric Meyer's CSS2 Test Suite zeigt am praktischen Beispiel, wie die Browser mit dieser Eigenschaft umgehen.

Keine Eigenschaft und kein Selektor stehen in einem Stylesheet für sich allein. In der Praxis kann das Zusammenspiel zwischen verschiedenen Elementen und Selektoren einen nicht zu unterschätzenden Einfluss auf die Fähigkeiten der Browser haben. Bugs treten oft erst durch das Zusammenwirken mehrerer Eigenschaften an unterschiedlichen Elementen auf.

Wechselwirkungen:

content, counter-reset

Besonderheiten im Medientyp handheld:

Diese Eigenschaft ist nicht Teil des Standards CSS Mobile Profile 1.0.

Weitere Charakteristika:

Die Stylesheet-Schnellreferenz mit einer Zusammenfassung aller visuellen Eigenschaften kann auch als PDF-Datei herunter geladen werden.

Ausgangs-
wert:
Berechneter
Wert:
Vererbung: Anwendbar-
keit:
%-Bezugs-
wert:
Medien-
gruppe(n):
none Spezifizierter Wert Nein Auf alle Elemente Nicht zutreffend Alle

Verwendete Standards

Dieser CSS-Referenz liegen folgende Spezifikationen zugrunde: CSS 1, CSS 2.1 CR und CSS Mobile.

 TOP


Home|Vollreferenz|Schnellreferenz|Grundlegendes|Tutorials & Artikel|Quiz|Allgemeines

Die URL dieser Seite ist: thestyleworks.de/ref/counter-increment.shtml
Gedruckt am [an error occurred while processing this directive] Sonntag, dem 24. [an error occurred while processing this directive] Januar, 2017.
© Copyright All Contents 2002- 2017 K. Langenberg.
Commercial Use prohibited.


Notizen: