Omadus left

Omadus left määrab elemendi vasaku ääre asukoha. Omaduse väärtusi saab määrata üldtunnustatud mõõtühikutega, näiteks pikslites, tollides, punktides, protsentides. Määratavad väärtused võivad olla ka negatiivsed arvud, mis põhjustab elementide kattumise. Koordinaatide lugemise alguspunkti määrab omadus position, mille väärtuseks on tavaliselt relative (suhteline asend) või absolute (absoluutne asend).

Süntaks

valija {
	left: suurus või auto;
}

Näide

Määrame lapselemendile hiirega üleminnes selle vasaku ääre asukohaks 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;
}

Näide

Nüüd määrame lapselemendi vasaku ääre asukohaks hiirega üleminnes -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;
}

Vaata ka

omadus bottom,
mis määrab elemendi alumise ääre asukoha
omadus top,
mis määrab elemendi ülemise ääre asukoha
omadus right,
mis määrab elemendi parema ääre asukoha
pseudoelement ::backdrop,
mis määrab asukoha pärast esimest elementi