CSS-最大高さ

説明

_max-height_プロパティは、要素の高さの上限を設定するために使用されます。

可能な値

length -任意の長さの単位。要素は、この距離を超える高さの値を持つことはできません。
percentage -要素の高さを、包含ブロックの高さのこのパーセンテージ以下に制限します。
none -要素の高さに制限はありません。

に適用されます

非置換インライン要素と表要素を除くすべてのHTML要素。

DOM構文

object.style.maxHeight = "50px"

例

ここに例があります-

<html>
   <head>
   </head>

   <body>
      <p style = "width:400px; max-height:10px; border:1px solid red; padding:5px; margin:10px;">
         This paragraph is 400px wide and max height is 10px
         This paragraph is 400px wide and max height is 10px
         This paragraph is 400px wide and max height is 10px
         This paragraph is 400px wide and max height is 10px
      </p>

      <img alt = "logo" src = "/css/images/logo.png" width = "95" height = "84"/>
   </body>
</html>

これにより、次の結果が生成されます–

Css-max-height

目次

CSS-最大高さ

説明

可能な値

に適用されます

DOM構文

例