ホームページ  >  記事  >  ウェブフロントエンド  >  CSSのmax-height属性の使い方

CSSのmax-height属性の使い方

(*-*)浩
(*-*)浩オリジナル
2019-05-28 16:17:362663ブラウズ

max-height 属性は要素の最大高さを設定します。

CSSのmax-height属性の使い方

#説明

この属性値は、要素の高さの最大制限を設定します。したがって、要素は指定された値より短くてもかまいませんが、それより高くすることはできません。負の値は許可されません。

注: max-height 属性には、マージン、境界線、およびパディングは含まれません。

#値なし length % inherit
説明

デフォルト。この定義では、要素に許可される最大高さに制限はありません。


要素の高さの最大値を定義します。


最大高さを、それを含むブロックレベルのオブジェクトのパーセンテージとして定義します。


max-height 属性の値を親要素から継承することを指定します。

例:

<html>
	<head>
	<style type="text/css">
		p
		{
			max-height: 10px
		}
	</style>
	</head>
	<body>

	<p>这是一些文本。这是一些文本。这是一些文本。
	这是一些文本。这是一些文本。这是一些文本。
	这是一些文本。这是一些文本。这是一些文本。
	这是一些文本。这是一些文本。这是一些文本。
	这是一些文本。这是一些文本。这是一些文本。</p>


	</body>
</html>

以上がCSSのmax-height属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。