Left häsiýeti

left häsiýeti elementiň çep gyrasynyň ýagdaýyny kesgitleýär. Häsiýet üçin bahalar kabul edilen ölçeg birliklerinde ýazylýar, meselem, piksel, dýuým, punkt, göterimde. Görkezilýän bahalar menfi sanlar hem bolup biler, bu ýagdaýda elementler bir-biriniň üstüne goýlýar. Koordinatalaryň hasaby position häsiýeti bilen kesgitlenýär, ýöne adatça relative (salyňma ýagdaý) ýa-da absolute (absolýut ýagdaý) bahasyny alyşýar.

Sintaksis

selektor {
	left: ölçeg ýa-da auto;
}

Mysal

Geliň çaga elementiniň üstüne gelende onyň çep serhediniň ýagdaýyny 25px deň kesgitleýäliň:

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

Mysal

Indi bolsa, geliň çaga elementiniň üstüne gelende onuň çep serhedi -50px ýerleşsin:

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

Şeýle-de serediň

bottom häsiýeti,
elementiň aşaky gyrasynyň ýagdaýyny kesgitleýär
top häsiýeti,
elementiň ýokarky gyrasynyň ýagdaýyny kesgitleýär
right häsiýeti,
elementiň sag gyrasynyň ýagdaýyny kesgitleýär
pseudoelement ::backdrop,
biriniň elementinden soň ýerleşişi kesgitleýär