Omadus right

Omadus right määrab elemendi parema ääre asendi. Väärtused omadusele saab määrata üldtunnustatud mõõtühikutega, näiteks pikslites, tollides, punktides, protsentides. Määratavad väärtused võivad olla ka negatiivsed arvud, sel juhul kattuvad elemendid üksteise peale. Koordinaatide lugemine määratakse omadusega position, mis tavaliselt võtab väärtuseks relative (suhteline asend) või absolute (absoluutne asend).

Süntaks

valija {
	right: suurus või auto;
}

Näide

Määrame lapselemendile hiirega üleminnes tema parema ääre asendiks väärtuse 25px:

<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;
}

Näide

Nüüd aga sea lapselemendi parem äär hiirega üleminnel asendisse -50px:

<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;
}

Vaata ka

omadus bottom,
mis määrab elemendi alumise ääre asendi
omadus top,
mis määrab elemendi ülemise ääre asendi
omadus left,
mis määrab elemendi vasaku ääre asendi
pseudoelement ::backdrop,
mis määrab asendistust esimese elemendi järel