Svojstvo left
Svojstvo left određuje položaj
levog kraja elementa. Vrednosti za svojstvo se mogu
zapisati sa opšteprihvaćenim jedinicama veličina,
na primer, u pikselima, inčima, tačkama, procentima.
Zadate vrednosti mogu biti i negativni brojevi,
u ovom slučaju elementi će se preklapati jedan
preko drugog. Odbrojavanje koordinata određuje svojstvo position,
koje obično ima vrednost relative
(relativni položaj) ili absolute
(apsolutni položaj).
Sintaksa
selektor {
left: veličina ili auto;
}
Primer
Hajde da pri prelasku mišem preko podređenog elementa
mu postavimo položaj leve granice
jednak 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 {
left: 25px;
width: 100px;
height: 100px;
border: 1px solid red;
}
:
Primer
A sada neka pri prelasku mišem leva granica
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 {
left: -50px;
width: 100px;
height: 100px;
border: 1px solid red;
}
:
Pogledajte takođe
-
svojstvo
bottom,
koje određuje poziciju donjeg kraja elementa -
svojstvo
top,
koje određuje poziciju gornjeg kraja elementa -
svojstvo
right,
koje određuje poziciju desnog kraja elementa -
pseudoelement
::backdrop,
koji određuje poziciju posle prvog elementa