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

		<div id="説明">
			<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">継承 : あり</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>要素をページ上に表示するかどうかを制御します。<span class="literal">visibility</span> 属性で非表示にされている要素は、要素が通常表示されるドキュメントに空間を保持します。非表示要素のための空間を周辺のコンテンツで埋める場合は、<span class="literal">display</span> 属性を参照してください。CSS 仕様では、値 <span class="literal">collapse</span> がテーブルの行関連の要素に適用されたときに空白を埋めるよう提言していますが、一般的なブラウザではこの処理がまだ実装されていません。
</p><p><span class="literal">visibility</span> 属性はその値を <span class="literal">inherit</span> に設定すると継承されます。継承すると、親が非表示の場合は、子も非表示になります。ただし、子の <span class="literal">visibility</span> 属性を <span class="literal">visible</span> に設定すると、親を非表示にして、子を表示することができます。
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="csssyntax"><span class="title">CSS 構文</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</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">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">値</span></td>
				</tr>
				<tr>
					<td><p>次の定数値のいずれか : <span class="literal">collapse</span> | <span class="literal">hidden</span> | <span class="literal">inherit</span> | <span class="literal">visible</span>。Windows 版 IE では、値 <span class="literal">collapse</span> が認識されません。Navigator 4 では、配置された要素だけを表示できます。
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="initvalue"><span class="title">既定値</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">visible</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">例</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>#congrats {visibility: hidden}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="appliesto"><span class="title">適用先</span></td>
				</tr>
				<tr>
					<td><p>すべての要素</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">オブジェクト参照</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</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>