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 жалған элементі,
ол бірінші элементтен кейінгі орналасуды белгілейді