CSS - bas

La description

La propriété bottom définit un décalage du bord inférieur d'un élément positionné de manière absolue par rapport au bord inférieur de son contexte de positionnement, ou la distance verticale à laquelle un élément relativement positionné sera déplacé.

Valeurs possibles

  • length - Une distance fixe du bas du contexte de positionnement.

  • percent- Un certain pourcentage de la hauteur du contexte de positionnement, en supposant que la hauteur du contexte a été définie explicitement. Sinon, une valeur de pourcentage pour le bas est traitée comme si elle était automatique.

  • auto- Par défaut. Permet au navigateur de calculer la position inférieure.

S'applique à

Tout l'élément positionné en HTML.

Syntaxe DOM

object.style.bottom = "2px";

Exemple

Voici l'exemple qui montre l'effet de cette propriété -

<html>
   <head>
   </head>

   <body>
      <p style = "position:absolute; bottom:100px;">
         This line will be positioned 100px above from the bottom edge of this window.
      </p>
   </body>
</html>

Il produira le résultat suivant -