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

CSSの最小幅プロパティ

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

例 
<html>
   <head>
   </head>
   <body>
      <p style = "min-width:400px; height:100px; border:1px solid red; padding:5px; margin:10px;">
         This paragraph is 100px high and min width is 400px
         This paragraph is 100px high and min width is 400px
         <img alt = "logo" src = "/css/images/css.gif" 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のmin-widthプロパティ

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