<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">max-height、min-height</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">(本文を参照)</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>これらの属性で要素の最小、最大の高さを指定できます。コンテンツの通常に表示される場合の高さに関係なく、要素の可能な高さをかっこに入れることができます。
</p><p>コンテンツが最大の高さを超える可能性がある要素の <span class="literal">max-height</span> 属性を設定する場合は、<span class="literal">overflow</span> スタイル属性を <span class="literal">hidden</span> に設定し、余分なコンテンツが切り抜かれるようにする必要があります。hidden に設定しなかった場合、収まらなかったコンテンツが後続の要素のコンテンツまで流れ出ます。Netscape 6 では、ブロックレベル要素と配置された要素に対して両方の属性がサポートされています。
</p><p>Windows 版 Internet Explorer 6 では、<span class="literal">min-height</span> 属性だけがサポートされており、またこの属性は <span class="literal">table-layout</span> スタイル属性が <span class="literal">fixed</span> に設定されたテーブル内の <span class="literal">td</span>、<span class="literal">th</span>、および <span class="literal">tr</span> の各要素だけに使用できます。これは、テーブル関連の要素にこれらの属性を適用しないように定義している CSS2 仕様に反しています。そのため、IE 6 向けに <span class="literal">td</span>、<span class="literal">th</span>、または <span class="literal">tr</span> の各要素に <span class="literal">min-height</span> 設定を指定しても、Netscape 6 では機能しません。Macintosh 版 IE 5 では、どちらの属性もサポートされていません。
</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>max-height: <span class="replaceable">length</span> | <span class="replaceable">percentage</span> | none
min-height: <span class="replaceable">length</span> | <span class="replaceable">percentage</span> | none</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>詳しくは本章の始めにある length の値についての説明を参照してください。値は要素のコンテナに対して計算されたパーセント値が使用できます。<span class="literal">none</span> の値を指定すると、すべての制約が解除され、コンテンツが自然にフローします。
</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">none</span> (max-width)、<span class="literal">none</span> (min-width)
</p>
					</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.minHeight
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.maxHeight</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>