Својство 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,
кое ја одредува положбата после првиот елемент