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

CSSのmax-heightプロパティ

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

例 
<html>
   <head>
   </head>
   <body>
      <p style = "width:400px; max-height:10px; border:2px solid green; padding:10px; margin:15px;">
         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>
      <br>
      <br>
      <br>
      <img alt = "logo" src="/css/images/logo.png" width = "210" height = "100" />
   </body>
</html>

  1. CSSの高さプロパティをアニメートする

    アニメーションを高さに実装するには CSSを使用したプロパティでは、次のコードを実行してみることができます 例 <!DOCTYPE html> <html>    <head>       <style>          div {             border: 2px solid black;           &nbs

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

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