CSS - Hauteur

La description

La hauteur définit la hauteur de la zone de contenu d'un élément.

Valeurs possibles

  • length- Toute unité de longueur. Les valeurs de longueur négatives ne sont pas autorisées pour cette propriété.

  • percentage - La hauteur est calculée par rapport à la hauteur du bloc conteneur de l'élément, en supposant que la hauteur du bloc conteneur a été explicitement définie.

  • auto- Par défaut. Le navigateur calcule la hauteur réelle.

S'applique à

Tous les éléments HTML à l'exception des éléments en ligne non remplacés, des lignes de tableau et des groupes de lignes.

Syntaxe DOM

object.style.height = "100px";

Exemple

Voici l'exemple -

<html>
   <head>
   </head>

   <body>
      <p style = "width:400px; height:100px;border:1px solid red; padding:5px; margin:10px;">
         This paragraph is 400pixels wide and 100 pixels high
      </p>
   </body>
</html>

Cela produira le résultat suivant -