თვისება 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,
რომელიც აზუსტებს პირველი ელემენტის შემდეგ მდებარეობას