Хосияти left

Хосияти left ҷойгиршавии канори чапи унсурро муқаррар мекунад. Қиматҳо барои хосият метавонанд бо воҳидҳои умумии андозаҳо сабт карда шаванд, масалан, дар пиксел, дюйм, пункт, фоиз. Қиматҳои муқарраркардашуда метавонанд ададҳои манфӣ бошанд, дар ин ҳолат унсурҳо як рӯи дигар ҷойгир мешаванд. Ҳисоби координатҳо бо хосияти position муайян карда мешавад, ки одатан қимати relative (ҷойгиршавии нисбӣ) ё absolute (ҷойгиршавии мутлақ) -ро қабул мекунад.

Синтаксис

интихобкунанда {
	left: андоза ё auto;
}

Намуна

Биёед ҳангоми гузаронидан рӯи унсури фарзанд барои он ҷойгиршавии канори чапро ба баробари 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;
}

Намуна

Ҳоло бигзор ҳангоми гузаронидан канори чапи унсури фарзанд ҷойгир карда шавад дар -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;
}

Инчунин нигаред

хосияти bottom,
ки ҷойгиршавии канори поёнии унсурро муқаррар мекунад
хосияти top,
ки ҷойгиршавии канори болоии унсурро муқаррар мекунад
хосияти right,
ки ҷойгиршавии канори рости унсурро муқаррар мекунад
судуэлемент ::backdrop,
ки ҷойгиршавии баъд аз унсури якумро муқаррар мекунад