Omadus left

Omadus left määrab elemendi vasaku ääre asukoha. Omaduse väärtusi saab määrata üldtunnustatud mõõtühikutega, näiteks pikslites, tollides, punktides, protsentides. Määratavad väärtused võivad olla ka negatiivsed arvud, mis põhjustab elementide kattumise. Koordinaatide lugemise alguspunkti määrab omadus position, mille väärtuseks on tavaliselt relative (suhteline asend) või absolute (absoluutne asend).

Süntaks

cssvalija {
  left: suurus või auto;
}

Näide

Määrame lapselemendile hiirega üleminnes selle vasaku ääre asukohaks 25px:

html<div id="elem">
  <p></p>
</div>

css#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;
}

Результат:

Näide

Nüüd määrame lapselemendi vasaku ääre asukohaks hiirega üleminnes -50px:

html<div id="elem">
  <p></p>
</div>

css#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;
}

Результат:

Vaata ka