Īpašība right

Īpašība right nosaka elementa labās malas pozīciju. Vērtības īpašībai var ierakstīt ar vispārpieņemtām izmēru vienībām, piemēram, pikseļos, collās, punktos, procentos. Iestatāmās vērtības var būt arī negatīvi skaitļi, šajā gadījumā elementi tiks uzlikti viens otram. Koordinātu atskaiti nosaka īpašība position, kurai parasti tiek piešķirta vērtība relative (relatīvā pozīcija) vai absolute (absolūtā pozīcija).

Sintakse

selektors {
	right: izmērs vai auto;
}

Piemērs

Uzvedoties pāri bērna elementam iestatīsim tam labās robežas pozīciju vienādu ar 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;
}

Piemērs

Tagad, uzvedoties pāri, labā robeža bērna elementa atradīsies -50px attālumā:

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

Skatiet arī

īpašība bottom,
kas nosaka elementa apakšējās malas pozīciju
īpašība top,
kas nosaka elementa augšējās malas pozīciju
īpašība left,
kas nosaka elementa kreisās malas pozīciju
pseidoelements ::backdrop,
kas nosaka izvietojumu aiz pirmā elementa