Derniers tutoriels de développement web
 

Style top Property

<Style objet

Exemple

La position de haut d'un <button> élément:

document.getElementById("myBtn").style.top = "100px";
Essayez vous - même »

Définition et utilisation

La propriété supérieure fixe ou renvoie la position supérieure d'un élément positionné.

Cette propriété spécifie la première position de l'élément de rembourrage, y compris, la barre de défilement, la bordure et la marge.

Tip: Un élément positionné est un élément de l'ensemble de propriétés de position: relative, absolue ou fixe.

Conseil: Pour définir ou revenir en position basse d'un élément positionné, utilisez le fond propriété.


Support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propriété supérieure est pris en charge dans tous les principaux navigateurs.


Syntaxe

Retour en haut de la propriété:

object .style.top

Définissez la propriété supérieure:

oject .style.top="auto| Valeurs de propriété
Valeur La description
auto Permet le navigateur la position de haut. Ce défaut est
length Définit la position supérieure en unités de longueur. Les valeurs négatives sont autorisées
% Réglage de la position supérieure en% de la hauteur de l'élément parent
initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial
inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront

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

autres exemples

Exemple

L' utilisation de valeurs négatives - la position de haut d'un <div> élément:

document.getElementById("myDiv").style.top = "-100px";
Essayez vous - même »

Exemple

Retour la première position d'un <div> élément:

alert(document.getElementById("myDiv").style.top);
Essayez vous - même »

Pages associées

Tutoriel CSS: positionnement CSS

Référence CSS: top property


<Style objet