left касиети

left касиети элементтин сол четинин абалын белгилейт. Касиетке маанилерди жалпы кабыл алынган өлчөм бирдиктери менен жазууга болот, мисалы, пикселдерде, дюймдерде, пункттарда, пайыздарда. Белгиленүүчү маанилер терс сандар да болушу мүмкүн, бул учурда элементтер бири-биринин үстүнө жабышат. Координаталардын эсеби position касиети менен аныкталат, ал эми ал касиет адатта relative (салыштырмалуу абал) же absolute (абсолюттук абал) маанилерин кабыл алат.

Синтаксис

селектор {
	left: өлчөм же auto;
}

Мисал

Келгиле, бала элементтин үстүнө чыгарганда анын сол чек арасынын абалын 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;
}

Мисал

Эми болсо, чыгарганда бала элементтин сол чек арасы -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;
}

Ошондой эле караңыз

bottom касиети,
ал элементтин төмөнкү четинин абалын белгилейт
top касиети,
ал элементтин жогорку четинин абалын белгилейт
right касиети,
ал элементтин оң четинин абалын белгилейт
::backdrop жасалма элемент,
ал биринчи элементтен кийинки жайгаштырууну белгилейт