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

cssselector {
  left: saiz atau auto;
}

Contoh

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

html<div id="elem">
  <p></p>
</div>

css#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:

html<div id="elem">
  <p></p>
</div>

css#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