Svojstvo right
Svojstvo right zadaje položaj
desne ivice elementa. Vrednosti za svojstvo se mogu
zapisati sa opšteprihvaćenim jedinicama za veličinu,
na primer, u pikselima, incima, tačkama, procentima.
Zadate vrednosti mogu biti i negativni brojevi,
u tom slučaju elementi će se preklapati jedan
na drugi. Odbrojavanje koordinata određeno je svojstvom position,
koje obično prima vrednost relative
(relativni položaj) ili absolute
(apsolutni položaj).
Sintaksa
selektor {
right: veličina ili auto;
}
Primer
Hajde da pri prelasku mišem preko podređenog elementa
postavimo mu poziciju desne ivice
jednaku 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;
}
:
Primer
A sada neka pri prelasku mišem desna ivica
podređenog elementa bude postavljena
na -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;
}
:
Pogledajte takođe
-
svojstvo
bottom,
koje zadaje poziciju donje ivice elementa -
svojstvo
top,
koje zadaje poziciju gornje ivice elementa -
svojstvo
left,
koje zadaje poziciju leve ivice elementa -
pseudoelement
::backdrop,
koji zadaje poziciju iza prvog elementa