Sifat right

Sifat right menentukan tepi kanan elemen. Nilai untuk sifat boleh ditulis dengan unit saiz yang lazim, contohnya, dalam piksel, inci, mata, peratusan. Nilai yang ditetapkan juga boleh menjadi nombor negatif, dalam kes ini elemen akan bertindih antara satu sama lain. Kiraan koordinat ditentukan oleh sifat position, yang biasanya mengambil nilai relative (kedudukan relatif) atau absolute (kedudukan mutlak).

Sintaks

selector {
	right: saiz atau auto;
}

Contoh

Mari apabila penuding dihalakan pada elemen anak tetapkan kedudukan sempadan kanannya sama dengan 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;
}

Contoh

Sekarang mari sempadan kanan elemen anak apabila penuding dihalakan diletakkan pada -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;
}

Lihat juga

sifat bottom,
yang menentukan kedudukan tepi bawah elemen
sifat top,
yang menentukan kedudukan tepi atas elemen
sifat left,
yang menentukan kedudukan tepi kiri elemen
unsur pseudo ::backdrop,
yang menentukan kedudukan selepas elemen pertama