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

selektor {
	left: oʻlcham yoki auto;
}

Misol

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

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

Misol

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

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

Shuningdek qarang

bottom xususiyati,
bu elementning pastki chetining joylashuvini belgilaydi
top xususiyati,
bu elementning yuqori chetining joylashuvini belgilaydi
right xususiyati,
bu elementning oʻng chetining joylashuvini belgilaydi
pseudoelement ::backdrop,
bu birinchi elementdan keyingi joylashuvni belgilaydi