top - CSS en Javascript

Définition du JS top.

La propriétés Javascript top permet de spécifier la position verticale du coin haut gauche de l'élément par rapport à un point d'origine définit par un des ses parents.

oDomElement.style.top = "auto;
oDomElement.style.top = "-5em;
oDomElement.style.top = "5px";

La propriété Javascript top peut prendre toutes les valeurs de la propriété CSS top.

La propriété top renvoie en Javascript une valeur de type String :

• auto par défaut pour la valeur calculée et vide par défaut pour la valeur locale.
• ou la valeur calculée en px pour la valeur calculée ou la valeur spécifiée pour la valeur locale.
• Le mot clé auto n'est pas transformé en valeur calculée en px pour la valeur calculée.

Exemple de code top JS

Conditions d'application de la CSS top.

La propriétés Javascript top s'applique dans les mêmes conditions que la propriétés CSS top.

Problème d'interprétation de top en JS.

Sous Internet Explorer < 9, la valeur inherit n'est pas acceptée.
Certains navigateurs pour une valeur en % renvoient une valeur calculée en %.
Sous Firefox, la valeur auto renvoie 0px.

Pour les problÚmes plus généraux non liés au Javascript, consultez la définition CSS de la propriété top.

Compatibilités navigateurs

Votre avis sur la définition top en JS