right Özelliği

right özelliği, bir öğenin sağ kenarının konumunu belirler. Özellik için değerler, piksel, inç, punto, yüzde gibi yaygın ölçü birimleriyle yazılabilir. Belirlenen değerler negatif sayılar da olabilir, bu durumda öğeler üst üste biner. Koordinatların sayımı, genellikle relative (göreli konum) veya absolute (mutlak konum) değerini alan position özelliği tarafından belirlenir.

Sözdizimi

seçici {
	right: boyut veya auto;
}

Örnek

Alt öğenin üzerine gelindiğinde sağ kenar konumunu 25px olarak ayarlayalım:

<div id="elem">
	<p></p>
</div>

#elem {
	width: 400px;
	height: 300px;
	border: 1px solid black;
}
p {
	position: relative;
	width: 100px;
	height: 100px;
	border: 1px solid red;
	margin-left: 50px;
}
p:hover {
	right: 25px;
	width: 100px;
	height: 100px;
	border: 1px solid red;
}

Örnek

Şimdi de alt öğenin üzerine gelindiğinde sağ kenarının -50px konumunda olmasını sağlayalım:

<div id="elem">
	<p></p>
</div>

#elem {
	width: 400px;
	height: 300px;
	border: 1px solid black;
}
p {
	position: relative;
	width: 100px;
	height: 100px;
	border: 1px solid red;
	margin-left: 50px;
}
p:hover {
	right: -50px;
	width: 100px;
	height: 100px;
	border: 1px solid red;
}

Ayrıca Bakınız

Bir öğenin alt kenar konumunu belirleyen bottom özelliği,
Bir öğenin üst kenar konumunu belirleyen top özelliği,
Bir öğenin sol kenar konumunu belirleyen left özelliği,
İlk öğeden sonraki konumu belirleyen ::backdrop sözde öğesi