Egenskapen right

Egenskapen right setter posisjonen til høyre kant av elementet. Verdier for egenskapen kan skrives med vanlige enheter for størrelser, for eksempel i piksler, tommer, punkter, prosent. De angitte verdiene kan også være negative tall, i så fall vil elementene overlappe hverandre. Koordinatberegningen bestemmes av egenskapen position, som vanligvis har verdien relative (relativ posisjon) eller absolute (absolutt posisjon).

Syntaks

velger {
	right: størrelse eller auto;
}

Eksempel

La oss ved peking på barneelementet sette dets posisjon for høyre kant til 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;
}

Eksempel

Og la oss nå ved peking sette høyre kant av barneelementet til -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;
}

Se også

egenskapen bottom,
som setter posisjonen til nedre kant av elementet
egenskapen top,
som setter posisjonen til øvre kant av elementet
egenskapen left,
som setter posisjonen til venstre kant av elementet
pseudoelementet ::backdrop,
som setter plassering etter første element