Properti style.top digunakan untuk menetapkan top coordinate atau koordinat atas untuk elemen yang diposisikan.
Elemen yang diposisikan adalah elemen yang telah diatur oleh properti style.posisition, baik relative, absolute, atau fixed.
Sintaks:
obj.style.top = value;
Nilainya:
- Length
auto(default)inherit
Untuk jelasnya anda bisa jalankan program di bawah ini di browser, lalu berikan nilai di dalam kotak masukkan, dan terakhir klik tombol:
<HTML>
<HEAD>
<STYLE TYPE="text/css">
#x
{
position: absolute;
background-color: green;
}
</STYLE>
</HEAD>
<BODY>
Masukkan angka untuk nilai style.top: <INPUT ID="ValInput" TYPE="text">
<BUTTON ONCLICK="Func()">Klik</BUTTON>
<DIV ID="x">Content of DIV.</DIV>
<SCRIPT TYPE="text/javascript">
function Func()
{
var val = document.getElementById("ValInput").value;
document.getElementById("x").style.top=val+"px";
}
</SCRIPT>
</BODY>
</HTML>
