Exemple de code de la propriété JS / CSS top.
<style>
.cadre-gris{ margin : 5px 0; zoom:1; overflow:hidden; clear:both}
.position {position:relative; height:80px; width:100%}
.position .cadre-vert{position:absolute; top:2%}
</style>
<div class="cadre-exemple cadre-clickme" id="exemple">
<h3 id="exemple-desc">Valeur par défaut</h3>
<div class="cadre-gris position">
<div id="exemple-style-0" class="cadre-vert" >Cliquez-moi.</div>
</div>
<div class="cadre-gris position">
<span id="exemple-style-1" class="cadre-vert">Cliquez-moi.</span>
</div>
</div>
<script>
initExemple('top', 'top', ['0', 'auto', '-10px', '2em', '2%', 'inherit'], 2);
alert($("#exemple-style-0").css("top"))
</script>
Interprétation du code de la propriété top JS / CSS par votre navigateur.
Valeur par défaut
Cliquez-moi.
Interprétation normale du code de la propriété JS / CSS top (copie d'écran).