CSSのmin-height属性の使い方

silencement
リリース: 2019-05-26 09:24:46
オリジナル
5216 人が閲覧しました

CSSのmin-height属性の使い方

min-height 属性の定義と使用法

css では、min-height 属性は、最小の高さを定義するために使用されます。 element 、つまり、要素は指定された値より高くても構いませんが、それより短くすることはできません。要素内のコンテンツが多すぎて最小の高さに対応できない場合、コンテンツが増加するにつれて要素の高さも増加します。このプロパティでは負の値を指定することはできません。また、設定された最小の高さにはパディング、境界線、またはマージンは含まれません。

min-height 属性は、要素の高さが一定である必要がありますが、固定されたくないことを実装するために使用されます。要素のコンテンツが要素の最小高さよりも小さい場合、要素はその高さを維持します。要素の内容が要素の最小高さよりも大きい場合、要素の内容が増加するにつれて要素の高さも増加します。

min-height 属性の類似属性

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

max-width 属性: 最大値を設定します要素の幅

min-width 属性: 要素の最小幅を設定します

##min-height 属性の構文形式

css 構文: min -height:length/%/inherit

JavaScript 構文: object.style.minHeight="10px"

属性値の説明

length: 定義要素の最小の高さ。デフォルト値は 0 です。

%: それを含むブロックレベルのオブジェクトの割合に基づいて最小の高さを定義します。

inherit: 要素の値を継承します。親要素の min-height 属性

#Example

CSSのmin-height属性の使い方

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート