Style haut de la propriété
Exemple
Définissez la position supérieure d'un élément <button> :
document.getElementById("myBtn").style.top = "100px";
Définition et utilisation
La propriété top définit ou renvoie la position supérieure d'un élément positionné.
Cette propriété spécifie la position supérieure de l'élément, y compris le remplissage, la barre de défilement, la bordure et la marge.
Astuce : Un élément positionné est un élément dont la propriété position est définie sur : relative, absolue ou fixe.
Conseil : Pour définir ou renvoyer la position inférieure d'un élément positionné, utilisez la propriété bottom .
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
top | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoie la propriété supérieure :
object.style.top
Définissez la propriété top :
object.style.top = "auto|length|%|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
auto | Lets the browser set the top position. This is default |
length | Defines the top position in length units. Negative values are allowed |
% | Sets the top position in % of the height of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | auto |
---|---|
Valeur de retour : | Une chaîne, représentant la position supérieure d'un élément positionné |
Version CSS | CSS2 |
Plus d'exemples
Exemple
Utilisation de valeurs négatives - Définissez la position supérieure d'un élément <div> :
document.getElementById("myDiv").style.top = "-100px";
Exemple
Renvoie la première position d'un élément <div> :
alert(document.getElementById("myDiv").style.top);
Pages connexes
Tutoriel CSS : Positionnement CSS
Référence CSS : propriété top
❮ Objet de style