myNotlar Logo

right


Internet Explorer Firefox Opera

right özelliği, position özelliği absolute, relative veya fixed olarak belirtilmiş elementlerin sayfa veya ana elementi içindeki sağdan uzaklığının belirlenmesini sağlar.

DOM Sözdizimi

element.style.right = "sagdan"

CSS Sözdizimi

right: sagdan
sagdanauto, yüzde veya CSS Ölçü Birimlerinden bir değer alarak elementin sağdan uzaklığını belirler.
  • auto : Mesafe otomatik belirlenir.
  • Yüzde değer : Ana elementinin genişliği ile oranlanarak belirlenir.
  • CSS Ölçü Birimi : Mesafe net olarak belirlenir.

Aşağıdaki örnek, bir div elementinin position özelliğinin absolute olarak belirtilerek, right özelliğine yüzde değer ve piksel cinsinden net bir değer atanmasını göstermektedir. (Yüzde değerde sağdan uzaklık tarayıcı penceresinin genişliğine göre farklılık gösterir.)

<style type="text/css">
div#ornekDiv
{
	width: 100px;
	height: 100px;
	background-color: #E0E0E0;
}
</style>

<script type="text/javascript">
function degistir(deger)
{
	var div = document.getElementById("ornekDiv");
	div.style.position = "absolute";
	div.style.right = deger;
}
function sabitle()
{
	var div = document.getElementById("ornekDiv");
	div.style.position = "static";
}
</script>

<input type="button" value="right = 20%" onClick="degistir('20%')"/>
<input type="button" value="right = 200px" onClick="degistir('200px')"/>
<input type="button" value="Sabitle" onClick="sabitle()"/>

<table width="110" height="110"><tr><td>
	<div id="ornekDiv"></div>
</td></tr></table>
Canlı Sonuç
İlgili Başlıklar
 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | Oyunlar |