top CSS propriété

.selecteur-css{ 
  position : fixed; 
  top : 0px;
}
.selecteur-css{ 
  position : relative; 
  top : auto;
}
.selecteur-css{ 
  position : absolute; 
  top : 15%;
}

Règles de syntaxes CSS pour top.

Calcul d'une valeur de top en %

La valeur est calculée en fonction de la valeur spécifiée ou calculée de la propriété CSS height du premier l'élément parent trouvé ayant une position à relative, fixed ou absolute. Si aucun parent de ce type, c'est la hauteur du body.

Le point de posititionnement top

Les points de positionnement d'un élément prennent en compte la taille de la marge extérieure.
L'interprétation de bottom CSS dépendra de la valeur de sa propriété CSS position, de ses parents et des autres propriétés CSS de positionnement déclarées.

Qui prend le dessus top ou bottom?

Si top et bottom ont une valeur auto :

• alors top est appliqué avec une valeur de 0 et si margin-left ou margin-right a une valeur auto elle est transformée en 0.

Si top et bottom ont une valeur autre que auto :

• et que height a une valeur auto alors top et bottom sont appliquées. bottom ou top sera recalculée si sa position ne rentre pas dans la contrainte d'un min-height ou d'un max-height qui serai précisé.
• et que height a une valeur qui n'est pas auto, c'est top qui est appliquée.

top 
+ margin-top + border-top-width + padding-top 
+ height 
+ padding-bottom + border-bottom-width + margin-bottom 
+ bottom
= hauteur du bloc conteneur servant d'origine

Compatibilités navigateurs de la propriété top

Equivalence de la CSS top en HTML.

La propriété CSS top n'a pas d'équivalence en HTML ou XHTML.

Votre avis sur la définition top en CSS