Egenskapen left

Egenskapen left setter posisjonen til venstre kant av elementet. Verdier for egenskapen kan skrives med vanlige enheter for størrelser, for eksempel i piksler, tommer, punkter, prosent. De angitte verdiene kan også være negative tall, i så fall vil elementene overlappe hverandre. Koordinatberegningen bestemmes av egenskapen position, som vanligvis har verdien relative (relativ posisjon) eller absolute (absolutt posisjon).

Syntaks

velger {
	left: størrelse eller auto;
}

Eksempel

La oss ved å peke på barneelementet sette posisjonen til venstre kant lik 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;
}

Eksempel

Og la nå venstre kant av barneelementet være plassert på -50px ved peking:

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

Se også

egenskapen bottom,
som setter posisjonen til nedre kant av elementet
egenskapen top,
som setter posisjonen til øvre kant av elementet
egenskapen right,
som setter posisjonen til høyre kant av elementet
pseudoelementet ::backdrop,
som setter plasseringen etter det første elementet