CSS-最大幅

説明

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

可能な値

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

に適用されます

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

DOM構文

object.style.maxWidth = "50px"

例

ここに例があります-

<html>
   <head>
   </head>

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

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

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

Css-max-width

目次

CSS-最大幅

説明

可能な値

に適用されます

DOM構文

例