Savybė right

Savybė right nustato dešiniojo elemento krašto padėtį. Savybės reikšmes galima nurodyti visuotinai priimtais matavimo vienetais, pavyzdžiui, pikseliais, coliais, punktais, procentais. Nurodomos reikšmės gali būti ir neigiami skaičiai, tokiu atveju elementai bus dedami vienas ant kito. Koordinačių atskaitą nustato savybė position, kuri paprastai įgyja reikšmę relative (santykinė padėtis) arba absolute (absoliuti padėtis).

Sintaksė

selektorius {
	right: dydis arba auto;
}

Pavyzdys

Kai užvedame pelę ant antrinio elemento, nustatykime jo dešinės krašto ribos padėtį lygią 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;
}

Pavyzdys

Dabar, kai užvedame pelę, antrinio elemento dešinė krašto riba bus išdėstyta -50px atstumu:

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

Taip pat žiūrėkite

savybė bottom,
kuri nustato apatinio elemento krašto padėtį
savybė top,
kuri nustato viršutinio elemento krašto padėtį
savybė left,
kuri nustato kairiojo elemento krašto padėtį
pseudoelementas ::backdrop,
kuris nustato išdėstymą po pirmuoju elementu