Eienskap left

Die eienskap left bepaal die posisie van die linkerkant van 'n element. Waardes vir die eienskap kan geskryf word met algemeen aanvaarde grootte-eenhede, byvoorbeeld in pixels, duim, punte, persentasies. Die gespesifiseerde waardes kan ook negatiewe getalle wees, in hierdie geval sal elemente oor mekaar val. Die telling van koordinate word bepaal deur die eienskap position, wat gewoonlik die waarde relative (relatiewe posisie) of absolute (absoloute posisie) aanneem.

Sintaksis

selektor {
	left: grootte of auto;
}

Voorbeeld

Kom ons stel die posisie van die linkergrens van die kindelement gelyk aan 25px wanneer daar daaroor gehover word:

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

Voorbeeld

En laat die linkergrens van die kindelement nou op -50px geplaas wees wanneer daaroor gehover word:

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

Sien ook

die eienskap bottom,
wat die posisie van die onderkant van 'n element bepaal
die eienskap top,
wat die posisie van die bokant van 'n element bepaal
die eienskap right,
wat die posisie van die regterkant van 'n element bepaal
die pseudoelement ::backdrop,
wat die plasing na die eerste element bepaal