Vetoria right
Vetoria right përcakton
skajin e djathtë të elementit. Vlerat për vetorinë mund të
shkruhen me njësitë e pranuara të përmasave,
për shembull, në piksel, inç, pika, përqindje.
Vlerat e caktuara mund të jenë edhe numra negativë,
në këtë rast elementët do të mbivendosen njëri
mbi tjetrin. Numërimi i koordinatave përcaktohet nga vetoria position,
e cila zakonisht merr vlerën relative
(pozicion relativ) ose absolute
(pozicion absolut).
Sintaksa
selektori {
right: madhësi ose auto;
}
Shembull
Le të vendosim për elementin fëmijë kur kalojmë mbi të
pozicionin e kufirit të djathtë
të barabartë me 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;
}
:
Shembull
Dhe tani le të jetë kufiri i djathtë
i elementit fëmijë kur kalojmë mbi të
i vendosur në -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;
}
:
Shihni gjithashtu
-
vetoria
bottom,
e cila përcakton pozicionin e skajit të poshtëm të elementit -
vetoria
top,
e cila përcakton pozicionin e skajit të sipërm të elementit -
vetoria
left,
e cila përcakton pozicionin e skajit të majtë të elementit -
pseudoelementi
::backdrop,
i cili përcakton vendosjen pas elementit të parë