<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="Beschreibung">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">counter-increment, counter-reset</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">nicht zutreffend</span> IE <span class="emphasis">nicht zutreffend</span> CSS <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Vererbt: Nein</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Diese Attribute steuern die Nummerierungsfolge eines f&uuml;r generierte Inhalte verwendeten CSS-Z&auml;hlers (siehe Attribut <span class="literal">content</span>). Das Attribut <span class="literal">counter-increment</span> bestimmt, um welchen Wert (und in welche Richtung) sich der Z&auml;hler bei jedem Zugriff w&auml;hrend der Darstellung &auml;ndert. Mit dem Attribut <span class="literal">counter-reset</span> k&ouml;nnen Sie den Z&auml;hler auf einen spezifischen Wert setzen (der Standardwert ist Null).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="csssyntax"><span class="title">CSS-Syntax</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>counter-increment: <span class="replaceable">counterID</span> [ <span class="replaceable">posOrNegInteger</span> ] | none
counter-reset: <span class="replaceable">counterID</span> [ <span class="replaceable">posOrNegInteger</span> ] | none</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
				</tr>
				<tr>
					<td><p><span class="replaceable">counterID</span> ist ein dem Attribut <span class="literal">content:counter(</span><span class="replaceable">counterID</span><span class="literal">)</span> zugewiesener Bezeichner. Der optionale ganzzahlige Wert folgt auf <span class="replaceable">counterID</span> und ist durch ein Leerzeichen getrennt. Sie k&ouml;nnen mehrere Z&auml;hlerbezeichner in ein und demselben Stilattribut kombinieren, indem Sie durch Leerzeichen getrennte Bezeichner-/Ganzzahlenpaare aneinander reihen.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="initvalue"><span class="title">Anfangswert</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">none</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>h1 {counter-reset:subSection}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="appliesto"><span class="title">Gilt f&uuml;r</span></td>
				</tr>
				<tr>
					<td><p>Alle Elemente. </p>
					</td>
				</tr>
			</table>
		</div>
</body>
</html>