CSS Referenz counter-reset

0 | 0 Kommentare | 1111 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "CSS Referenz counter-reset" mit Ihrem Wissen!

Anzeige Hier werben

counter-reset

Werte: none, <Bezeichner> <Zahl>
Standardwert: none
Vererbung: Nein
Kurzschreibweise: keine
Anwendbar auf: Alle Elemente
CSS-Level: CSS2, CSS3

Mit der CSS Eigenschaft counter-reset kann ein Zähler (counter-increment) auf einen bestimmten Wert gesetzt werden.

Firefox2Unbekannt3Unbekannt3.5Unterstützt
IE6Nein7Unbekannt8Unbekannt
Opera9.5Unterstützt10Unterstützt
Safari3Unbekannt4Unterstützt
2%
counter-reset

counter-reset wurde in CSS 2.1 entfernt, in CSS3 ist die Eigenschaft aber wieder enthalten

Werte

Wert
 Beschreibung
none
 kein Zähler
<Bezeichner> <Zahl> Name des Zählers und der Wert der eingestellt werden soll, Standardwert ist 0

Beispiel

counter-reset  
Dieses Beispiel ausprobieren
HTML
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<html>
<head>
<style type="text/css">
body{counter-reset:h2;}
h2:before {
    content:"h2 " counter(h2) ": ";
    counter-increment:h2 ;
}
h2{counter-reset:h3;}
h3:before {
    content:"h2 " counter(h2) " h3 " counter(h3) ": ";
    counter-increment:h3 ;
}
</style>
</head>
<body>
    <h2>Gemeinschaft</h2>
    <h3>Kontrollzentrum</h3>
    <h3>Inhalte erstellen</h3>
    <h3>Letzte Änderungen</h3>
    <h3>Wunschliste</h3>
    <h3>Abmelden</h3>
    <h3>Hilfe</h3>
    <h2>Weitere Punkte</h2>
    <h3>Irgendwas</h3>
    <h3>Was anderes</h3>
</body>
</html>
Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 2 Personen an der Seite "CSS Referenz counter-reset" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "CSS Referenz counter-reset" hier bearbeiten.

Mitarbeiter

Kommentare: CSS Referenz counter-reset