Хосияти 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,
ки ҷойгиршавии баъди унсури аввалро муайян мекунад