Categories: Style DOM

Style.Top

Properti style.top dipakai untuk menetapkan top coordinate atau koordinat atas untuk elemen yang diposisikan.

Elemen yang diposisikan yakni 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 dapat jalankan aktivitas di bawah ini di browser, kemudian 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>

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code