Sifat left

Sifat left menetapkan kedudukan tepi kiri elemen. Nilai untuk sifat boleh ditulis dengan unit ukuran yang lazim, contohnya, dalam piksel, inci, poin, peratus. Nilai yang ditetapkan juga boleh menjadi nombor negatif, dalam kes ini elemen akan bertindih antara satu sama lain. Kiraan koordinat ditentukan oleh sifat position, yang biasanya mengambil nilai relative (kedudukan relatif) atau absolute (kedudukan mutlak).

Sintaks

selector {
	left: saiz atau auto;
}

Contoh

Mari kita tetapkan kedudukan sempadan kiri kepada 25px untuk elemen anak apabila kursor dilalukan ke atasnya:

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

Contoh

Sekarang mari kita tetapkan sempadan kiri elemen anak pada -50px apabila kursor dilalukan ke atasnya:

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

Lihat juga

sifat bottom,
yang menetapkan kedudukan tepi bawah elemen
sifat top,
yang menetapkan kedudukan tepi atas elemen
sifat right,
yang menetapkan kedudukan tepi kanan elemen
pseudoelemen ::backdrop,
yang menetapkan kedudukan selepas elemen pertama