left

Properti CSS left adalah properti offset yang digunakan untuk menentukan offset kiri elemen yang diposisikan sehubungan dengan konteks penentuan posisi.

Properti ini merupakan salah satu properti offset seperti right, top, dan bottom.

Properti offset digunakan untuk menentukan posisi yang tepat dari elemen yang diposisikan dan tidak berpengaruh pada elemen yang tidak diposisikan (statis).

Untuk menggunakan properti ini, elemen harus memiliki nilai posisi selain default statis.

Properti left menentukan seberapa jauh tepi margin kiri elemen yang diposisikan benar-benar diimbangi relatif terhadap tepi kiri konteks pemosisian elemen, yang biasanya merupakan blok yang mengandungnya.

Untuk elemen yang relatif diposisikan, offset terkait dengan tepi kiri elemen itu sendiri.

Untuk elemen fixed dan sticky, konteks posisinya yaitu viewport.

Kamu harus membaca properti position untuk mengetahui detail tentang cara memilih posisi dan cara menggunakan properti offset diatas.

CSS Syntax

left: auto | length | initial | inherit;

Javascript Syntax

object.style.left="100px"
Default value:auto
Inherited:tidak
Animatable:ya Read about animatable
Version:CSS2

default left: auto;

Elemen akan tetap di posisi natural.

left: 80px;

Jika elemen dalam posisi relatif, elemen akan bergerak ke kiri dengan jumlah yang ditentukan oleh nilai kiri.

left: -20px;

Jika elemen dalam posisi absolut, elemen akan memposisikan dirinya dari kiri leluhur pertama.