<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">visibility</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span> IE <span class="emphasis">4</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: Ja</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Bestimmt, ob das Element auf der Seite dargestellt wird oder nicht. Ein mit dem Attribut <span class="literal">visibility</span> ausgeblendetes Element beansprucht an der entsprechenden Stelle im Dokument weiterhin Platz. Falls der umgebende Inhalt den durch ein ausgeblendetes Element freigegebenen Platz belegen soll, muss das Attribut <span class="literal">display</span> verwendet werden. Laut CSS-Spezifikation sollte der Wert <span class="literal">collapse</span> bei Tabellenzeilenelementen bewirken, dass bisher durch ausgeblendete Elemente beanspruchter Platz in der Tabelle durch sichtbare Elemente belegt wird, doch dieses Verhalten ist noch in keinem Mainstream-Browser zu sehen.
</p><p>Das Attribut <span class="literal">visibility</span> wird vererbt, wenn ihm als Wert <span class="literal">inherit</span> zugewiesen wird. In diesem Fall wird, wenn das &uuml;bergeordnete Element ausgeblendet ist, auch das untergeordnete Element ausgeblendet. Soll das untergeordnete Element jedoch dargestellt werden, muss sein Attribut <span class="literal">visibility</span> auf <span class="literal">visible</span> gesetzt sein.
</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>visibility: <span class="replaceable">visibilityType</span></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>Eine der folgenden Konstanten: <span class="literal">collapse</span> | <span class="literal">hidden</span> | <span class="literal">inherit</span> | <span class="literal">visible</span>. IE f&uuml;r Windows erkennt den Wert <span class="literal">collapse</span> nicht. Navigator 4 unterst&uuml;tzt das Attribut <span class="literal">visibility</span> nur bei positionierten Elementen.
</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">visible</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>#congrats {visibility: hidden}</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>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Objektmodellreferenz</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById("<span class="replaceable">elementID</span>").style.visibility</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>