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

CSSmax-widthプロパティ

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

<html>
   <head>
   </head>
   <body>
      <p style = "max-width:100px; height:200px; border:1px solid green; padding:5px; margin:10px;">
         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="/css/images/logo.png" width = "100" height = "100" />
   </body>
</html>

  1. CSSシェイプ

    さあ、楽しいCSSシェイプを作成しましょう！すべてのコードについては、私のCodepenに従ってください。これをやってみましょう。 長方形と正方形 すべての形状はdivでラップされます。デフォルトでは、divは幅と高さのプロパティに応じて正方形または長方形であるため、最も基本的な形状は正方形と長方形です。したがって、正方形の幅と高さは同じですが、長方形はそうではありません： .rectangle { width: 2rem; height: 4rem; background-color: violet; } .square { width: 5rem; height:

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

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