Thursday, December 6, 2012

style.right

Properti style.right digunakan untuk menetapkan right coordinate atau koordinat kanan untuk elemen yang diposisikan.

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

Sintaks:

obj.style.right = 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.right: <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.right=val+"px"; } </SCRIPT> </BODY> </HTML>