CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSの最小の高さ

min-heightプロパティ ボックスの最小の高さを設定するために使用されます。 min-heightプロパティの値は、数値、長さ、またはパーセンテージにすることができます。

例 
<html>
   <head>
   </head>
   <body>
      <p style = "width:400px; min-height:150px; border:1px solid blue; padding:5px; margin:10px;">
         This paragraph is 400px wide and min height is 150px
         This paragraph is 400px wide and min height is 150px
         This paragraph is 400px wide and min height is 150px
         This paragraph is 400px wide and min height is 150px
      </p>
      <img alt = "logo" src = "/css/images/logo.png" width = "100" height = "100" />
   </body>
</html>

  1. CSSの要素の幅と高さ

    CSSのheightプロパティとwidthプロパティは、要素の高さと幅をそれぞれ指定するために使用されます。 max-height、max-width、min-height、およびmin-widthプロパティを使用して、これらのプロパティの最大値と最小値を設定することもできます。 構文 CSSの高さとCSSの幅のプロパティの構文は次のとおりです- Selector {    height: /*value*/    width: /*value*/ } 要素の実際の幅と高さは次のように計算されます- ボックスサイズ 計算 全幅 幅+パディン

  2. CSSのmin-heightプロパティ

    CSSのmin-heightプロパティを使用して、要素のコンテンツボックスに固定の最小の高さを定義できます。これにより、高さが最小の高さよりも小さい場合でも、要素のコンテンツボックスを小さくすることはできません。 構文 CSSのmin-heightプロパティの構文は次のとおりです- Selector {    min-height: /*value*/ } 例 CSSのmin-heightプロパティの例を見てみましょう- <!DOCTYPE html> <html> <head> <title>CSS min-height