Īpašība left

Īpašība left nosaka elementa kreisās malas pozīciju. Vērtības īpašībai var ierakstīt ar vispārpieņemtām izmēru vienībām, piemēram, pikseļos, collās, punktos, procentos. Iestatāmās vērtības var būt arī negatīvi skaitļi, šajā gadījumā elementi būs uzlikti viens otram. Koordinātu atskaiti nosaka īpašība position, kurai parasti tiek piešķirta vērtība relative (relatīvā pozīcija) vai absolute (absolūtā pozīcija).

Sintakse

selektors {
	left: izmērs vai auto;
}

Piemērs

Uzvedoties pāri bērna elementam iestatīsim tam kreisās robežas pozīciju vienādu ar 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;
}

Piemērs

Tagad, uzvedoties pāri, kreisā robeža bērna elementa atradīsies -50px attālumā:

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

Skatiet arī

īpašība bottom,
kura nosaka elementa apakšējās malas pozīciju
īpašība top,
kura nosaka elementa augšējās malas pozīciju
īpašība right,
kura nosaka elementa labās malas pozīciju
pseidoelements ::backdrop,
kurš nosaka izvietojumu aiz pirmā elementa