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 жалган элемент,
ал биринчи элементтен кийинки жайгашууну аныктайт