Propriété top de style

Définition et utilisation

top Définit ou retourne la position supérieure de l'élément de positionnement.

Cette propriété détermine la position supérieure de l'élément, y compris la marge interne, la barre de défilement, la bordure et la marge externe.

Astuce :L'élément de positionnement est Propriété position Définir comme :relative、absolute ou fixed.

Astuce :Pour définir ou retourner la position inférieure de l'élément de positionnement, utilisez Propriété bottom.

Voir également :

Tutoriel CSS :Positionnement CSS

Manuel de référence CSS :Propriété top

Exemple

Exemple 1

Définir la position supérieure de l'élément <button> :

document.getElementById("myBtn").style.top = "100px";

Essayer par vous-même

Exemple 2

Utiliser une valeur négative - Définir la position supérieure de l'élément <div> :

document.getElementById("myDiv").style.top = "-100px";

Essayer par vous-même

Exemple 3

Retourner la position supérieure de l'élément <div> :

alert(document.getElementById("myDiv").style.top);

Essayer par vous-même

Syntaxe

Retourner la propriété top :

object.style.top

Définir la propriété top :

object.style.top = "auto|length|%|initial|inherit"

Valeur de l'attribut

Valeur Description
auto Laisse le navigateur définir la position supérieure. Par défaut.
length Définit la position supérieure en unité de longueur. Les valeurs négatives sont autorisées.
% Définit la position supérieure en pourcentage de la hauteur de l'élément parent.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits cette propriété de l'élément parent. Voir inherit.

Détails techniques

Valeur par défaut : Aucun
Valeur de retour : Chaîne de caractères, indiquant la position supérieure de l'élément de positionnement.
Version CSS : CSS2

Navigateur pris en charge

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support