Properti right

Properti right mengatur tepi kanan elemen. Nilai untuk properti dapat ditulis dengan unit ukuran yang umum digunakan, contohnya, dalam piksel, inci, poin, persen. Nilai yang ditetapkan juga dapat berupa angka negatif, dalam hal ini elemen akan saling tumpang tindih. Penghitungan koordinat ditentukan oleh properti position, yang biasanya mengambil nilai relative (posisi relatif) atau absolute (posisi absolut).

Sintaks

selektor {
	right: ukuran atau auto;
}

Contoh

Mari saat hover pada elemen anak atur posisi batas kanannya menjadi 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 saat hover batas kanan elemen anak diposisikan 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

properti bottom,
yang mengatur posisi tepi bawah elemen
properti top,
yang mengatur posisi tepi atas elemen
properti left,
yang mengatur posisi tepi kiri elemen
pseudoelemen ::backdrop,
yang mengatur posisi setelah elemen pertama