CSS - haut

La description

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

Valeurs possibles

  • length - Une distance fixe du haut 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 top est traitée comme si elle était automatique.

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

S'applique à

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

Syntaxe DOM

object.style.top = "2px";

Exemple

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

<html>
   <head>
   </head>

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

Il produira le résultat suivant -