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 -