CSS - largeur max

La description

La propriété max-width est utilisée pour définir une limite supé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 qui dépasse cette distance.

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

  • none - Il n'y a pas de limite à la largeur de l'élément.

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.maxWidth = "50px"

Exemple

Voici l'exemple -

<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>

Cela produira le résultat suivant -