Left xassəsi

left xassəsi elementin sol kənarının mövqeyini təyin edir. Xassə üçün dəyərlər ümumi qəbul edilmiş ölçü vahidləri ilə yazıla bilər, məsələn, piksel, düym, punto, faizlə. Təyin edilən dəyərlər mənfi ədədlər də ola bilər, bu halda elementlər bir-birinin üzərinə düşəcək. Koordinatların hesablanması position xassəsi ilə müəyyən edilir, bu xassə adətən relative (nisbi mövqe) və ya absolute (mütləq mövqe) dəyərini alır.

Sintaksis

cssselektor {
  left: ölçü və ya auto;
}

Nümunə

Gəlin alt elementin üzərinə gələndə onun sol sərhədinin mövqeyini 25px-ə bərabər təyin edək:

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ümunə

İndi isə alt elementin sol sərhədinin -50px mövqeyində yerləşməsini təmin edək:

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

Результат:

Həmçinin baxın