right xassəsi

right xassəsi elementin sag kənarının mövqeyini təyin edir. Xassə üçün dəyərlər ümumi qəbul edilmiş ölçü vahidləri ilə qeyd edilə bilər, məsələn, piksel, düym, punkt, faizlə. Təyin edilən dəyərlər mənfi ədədlər də ola bilər, bu halda elementlər bir-birinin üzərinə düşəcək. Koordinatların hesablanması position xassəsi ilə müəyyən edilir, bu adətən relative (nisbi mövqe) və ya absolute (mütləq mövqe) dəyərini alır.

Sintaksis

selektor {
	right: ölçü və ya auto;
}

Nümunə

Gəlin alt elementin üzərinə gələndə onun sag sərhədinin mövqeyini 25px-ə bərabər təyin edək:

<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ümunə

İndi isə alt elementin üzərinə gələndə onun sag sərhədi -50px-də yerləşsin:

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

Həmçinin baxın

bottom xassəsi,
elementin alt kənarının mövqeyini təyin edir
top xassəsi,
elementin üst kənarının mövqeyini təyin edir
left xassəsi,
elementin sol kənarının mövqeyini təyin edir
::backdrop psevdoelementi,
ilk elementdən sonrakı yeri təyin edir