Right қасиеті

right қасиеті элементтің оң жақ шетін белгілейді. Қасиетке мәндерді жалпы қабылданған өлшем бірліктерімен жазуға болады, мысалы, пиксельмен, дюйммен, пунктпен, пайызбен. Берілетін мәндер теріс сандар да болуы мүмкін, бұл жағдайда элементтер бір-бірінің үстіне қабаттасады. Координаталардың есебі position қасиетімен анықталады, ол әдетте relative (салыстырмалы орны) немесе absolute (абсолютті орны) мәнін қабылдайды.

Синтаксис

селектор {
	right: өлшем немесе auto;
}

Мысал

Келесіде бала элементке курсорды апарып қойған кезде оның оң жақ шекарасының орнын 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;
}

Мысал

Енді бала элементке курсорды апарып қойған кезде оң жақ шекара -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;
}

Сондай-ақ қараңыз

bottom қасиеті,
элементтің төменгі шетінің орнын белгілейді
top қасиеті,
элементтің жоғарғы шетінің орнын белгілейді
left қасиеті,
элементтің сол жақ шетінің орнын белгілейді
::backdrop жалған элементі,
бірінші элементтен кейінгі орналасуды белгілейді