CSS - largeur min

La description

La propriété min-width est utilisée pour définir une limite inférieure sur la largeur d'un élément.

Valeurs possibles

  • length- Toute unité de longueur. L'élément ne peut jamais avoir une valeur de largeur inférieure à cette distance.

  • percentage - Limite la largeur de l'élément à au moins ce pourcentage de la largeur du bloc conteneur.

S'applique à

Tous les éléments HTML sauf les éléments en ligne non remplacés et les éléments de tableau.

Syntaxe DOM

object.style.minWidth = "50px"

Exemple

Voici l'exemple -

<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
         This paragraph is 100px high and min width is 400px
         This paragraph is 100px high and min width is 400px
         This paragraph is 100px high and min width is 400px
      </p>
      
      <img alt = "logo" src = "/css/images/logo.png" width = "95" height = "84" />
   </body>
</html>

Cela produira le résultat suivant -