Left xususiyati

left xususiyati elementning chap chetining joylashuvini belgilaydi. Xususiyat uchun qiymatlar oʻlcham birliklari bilan belgilanishi mumkin, masalan, piksellarda, dyuymlarda, punktlarda, foizlarda. Belgilangan qiymatlar manfiy sonlar ham boʻlishi mumkin, bu holda elementlar bir-birining ustiga qoʻyiladi. Koordinatalarning hisoblashi position xususiyati bilan belgilanadi, bu odatda relative (nisbiy joylashuv) yoki absolute (absolyut joylashuv) qiymatlarini qabul qiladi.

Sintaksis

cssselektor {
  left: oʻlcham yoki auto;
}

Misol

Keling, child elementga sichqoncha olib borilganda uning chap chekka joylashuvini 25px ga tenglaymiz:

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

Результат:

Misol

Endi esa child elementning chap chekkasi -50px da joylashsin:

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

Результат:

Shuningdek qarang