Eienskap right

Die eienskap right spesifiseer die posisie van die regterkant van 'n element. Waardes vir die eienskap kan geskryf word met algemeen aanvaarde maateenhede, bv. in pixels, duime, punte, persentasies. Die opgegewe waardes kan ook negatiewe getalle wees, in hierdie geval sal elemente oor mekaar val. Die telling van koördinate word bepaal deur die eienskap position, wat gewoonlik die waarde relative (relatiewe posisie) of absolute (absolute posisie) aanneem.

Sintaksis

selekteerder {
	right: grootte of auto;
}

Voorbeeld

Kom ons stel die posisie van die regtergrens van die kindelement gelyk aan 25px wanneer daar oor dit gesweef word:

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

Voorbeeld

En laat die regtergrens van die kindelement nou by -50px geleë wees wanneer daar oor dit gesweef word:

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

Sien ook

die eienskap bottom,
wat die posisie van die onderkant van 'n element spesifiseer
die eienskap top,
wat die posisie van die bokant van 'n element spesifiseer
die eienskap left,
wat die posisie van die linkerkant van 'n element spesifiseer
die pseudoelement ::backdrop,
wat die posisie na die eerste element spesifiseer