Categories: Style DOM

Style.Bottom

Properti style.bottom dipakai untuk menetapkan bottom coordinate atau koordinat bawah untuk elemen yang diposisikan.

Elemen yang diposisikan yaitu elemen yang telah diatur oleh properti style.posisition, baik relative, absolute, atau fixed.

Sintaks:

obj.style.bottom = value;

Nilainya:

Length
auto (default)
inherit

Untuk jelasnya anda dapat jalankan kegiatan 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.bottom: <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.bottom=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